小能豆

如何在 React 的 render() 中添加 Font Awesome 图标

javascript

每当我尝试在 React 中使用 Font Awesome 图标时render(),它都不会显示在生成的网页上,尽管它可以在普通 HTML 中使用。

render: function() {
    return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>;
}

这是一个实例:http://jsfiddle.net/pLWS3/

错误在哪里?


阅读 42

收藏
2024-06-05

共1个答案

小能豆

如果您是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>;
}
2024-06-05