初识 react（2）——如何在 React 中使用 font awesome 图标

  最近在做react项目，过程中遇到了一些问题。比如：
  如何在 react 中使用 font awesome 图标?

  平时我们都是在 HTML 中引入

<link rel="stylesheet" href="css/font-awesome.min.css" />

  并在项目中引入 fonts 文件，便成功使用 font awesome 图标。
  但在react项目中这样操作，却无法达到想要的效果。
  下面我便给大家分享一下 如何在 react 中使用 font awesome 图标。也为自己做次总结。

1. 在你的react项目中使用 npm 命令安装 font-awesome 库：

npm install --save font-awesome

2. 安装成功后，在你需要使用 font awesome 的文件中引入：

import '../../../node_modules/font-awesome/css/font-awesome.min.css';

具体路径根据你的文件所处自行更改便可。

**3.使用图标，例如： **

<i className="fa fa-close"></i>

如此便能成功使用 font awesome 图标。