Html 有没有办法将图像的来源设置为字体图标

我有一个div，通过defualt将有一个虚拟映像。我将src设置为一个摄像头图片，当点击div时。直到现在，这个虚拟图像曾经是一个URL。但现在有人建议我使用令人敬畏的字体。有什么方法可以将图像标签的'src1'设置为字体超级图标

这是图像标签

<img className="cam" src={this.state.image1} onClick={this.camera} data-cam={1}/>

---

否。Font Awesome不使用图像作为图标，没有

src

属性的

img

元素是无效的HTML

相反，您可以添加逻辑来显示或隐藏图像旁边的虚拟图标。下面是一个在父包装器上使用

类

的示例：

<div className="show-icon">
    <i className="fa fa-..."></i>
    <img src="..." />
</div>

---

是的，只需将

className

设置为

null

，然后单击将其设置为您的图标类，例如

fa-fa-chrome

我想您可以设置

背景图像

，但您还必须设置

高度

和

宽度

。不知道你是否从中得到了什么。为什么我的代码在你编辑之前没有以颜色显示@James@gates因为您将它包装在内联代码标记

`code`

中，而我将它缩进了4个空格`code`。这对于I标记很好，而不是image@knowbody