Reactjs 尝试导入错误：'；FaPencil&x27；不是从'；反应图标/fa'；

我是ReactJS新手，现在我想在我的项目中包括（React图标），但这会给我带来错误。你能帮帮我吗

错误：尝试导入错误：“FaPencil”未从导出 “反应图标/fa”

代码如下

import React, { Component } from "react";
import { FaPencil } from "react-icons/fa";
import { FaTrash } from "react-icons/lib/fa/trash";

export default class Note extends Component {
  render() {
    return (
      <div className="note">
        <p>Learn React</p>
        <span>
          <button onClick={this.edit} id="edit">
            <FaPencil />
          </button>
          <button onClick={this.remove} id="remove">
            <FaTrash />
          </button>
        </span>
      </div>
    );
  }
}

import React，{Component}来自“React”；
从“react icons/fa”导入{FaPencil}；
从“react icons/lib/fa/trash”导入{FaTrash}；
导出默认类注释扩展组件{
render（）{
返回(
学习反应

);
}
}

---

因为您直接指向文件，所以不需要对其进行分解。使用

react icons

转到

node\u modules

文件夹查看图标所在位置很有帮助。

下面的答案是否有帮助？如果是，请标记为正确。谢谢你的反应改变了它的图书馆。你还在坚持吗？下面的链接是查看的地方。。。。。或

import{FaPencil}from'react icons/fa

import FaPencil from 'react-icons/lib/fa/pencil'