Reactjs 将材质UI图标添加到React中的FontIcon材质UI组件

我正试图在React中显示一个包含材质UI

FontIcon

组件的材质UI图标。我的代码：

<FontIcon className="material-icons"/> 
    Help 
</FontIcon>

帮助

屏幕上只显示文本

该图标是来自的帮助图标。已安装图标库。根据我们应该

如果图标字体支持连字，请在

className

中引用该字体，并将图标名称括在FontIcon标记中。我安装了这个库，但我不知道为什么它不工作

---

实现这一点的正确方法是什么

从您提供的链接中的示例可以看出，代码中应该引用公共字体

<FontIcon className="material-icons" style={iconStyles}>home</FontIcon>

或者最好将下面的代码添加到主html文件的

head

部分

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  rel="stylesheet">

对于您的情况，应该是：

<FontIcon className="material-icons">help</FontIcon>

帮助

注意：我使用小写的

help

而不是

help

作为图标名称

---

我想认为自动关闭

是一个打字错误，它应该没有

/>

，因为它有一个关闭

标记。

你从

'material-ui/FontIcon'

导入了

FontIcon吗？@JohnKennedy是的，我导入了。我的语法正确吗？请看下面的答案。谢谢。但是，我已经从NPM安装了库（“NPM安装材质设计图标”）。我将“Help”改为“Help”，结果只是打印了“Help”。如果您导入了它，我建议使用
链接
版本。当我将链接标记添加到html中时，图标被呈现出来。看起来要么失败了，要么还不够。使用
链接
就足够了。你说的“你导入了吗？”是什么意思？我应该像我的React组件中的任何其他css样式表一样导入样式表吗？
<FontIcon className="material-icons">help</FontIcon>