Reactjs 输入的占位符中的FA图标？

正如我在文档中看到的，Font Awesome有一种在输入占位符中放置图标的方法，可以执行以下操作：

  <Input placeholder='&#xf002; Search' />

这就是我得到的：

无论我在&#x之后放了什么代码，它总是呈现相同的图标

---

我正在使用

ReactJS

和

Reactstrap

库。有什么建议吗？非常感谢（对不起，4我的英语）

您不能这样做，因为输入字段的字体系列使用的是英语字体。Font Awesome使用自己的字体文件

实现这一点的一种方法是使用定位的

元素：

<div class="container">
  <label><b>Username</b></label>
  <input type="text" placeholder="Enter Username" name="uname" required>
  <i class="fa fa-user fa-lg"></i>
</div>

---

您不能这样做，因为输入字段的字体系列使用的是英文字体。Font Awesome使用自己的字体文件

实现这一点的一种方法是使用定位的

元素：

<div class="container">
  <label><b>Username</b></label>
  <input type="text" placeholder="Enter Username" name="uname" required>
  <i class="fa fa-user fa-lg"></i>
</div>

---

正确的方法是将字体系列“FontAwesome”放在我希望看到图标的输入中。为我工作。正确的方法是将字体系列“FontAwesome”放在我想要看到图标的输入中。为我工作。