每当我尝试在 React 中使用 Font Awesome 图标时render(),它都不会显示在生成的网页上,尽管它可以在普通 HTML 中使用。
render()
render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; }
这是一个实例:http://jsfiddle.net/pLWS3/
错误在哪里?
如果您是React JS 新手并使用create-react-app cli命令创建应用程序,请运行以下 NPM 命令以包含最新版本的 font-awesome。
npm install --save font-awesome
将 font-awesome 导入到 index.js 文件中。只需将以下行添加到 index.js 文件中即可。
import '../node_modules/font-awesome/css/font-awesome.min.css';
或者
import 'font-awesome/css/font-awesome.min.css';
不要忘记使用className作为属性
render: function() { return <div><i className="fa fa-spinner fa-spin">no spinner but why</i></div>; }