尝试导入错误：“FaPencil”未从“react-icons/fa”导出答案

【问题标题】：Attempted import error: 'FaPencil' is not exported from 'react-icons/fa'尝试导入错误：“FaPencil”未从“react-icons/fa”导出
【发布时间】：2019-04-27 08:37:22
【问题描述】：

我是 ReactJS 的新手，现在我想在我的项目中包含 (React-icons) 但它给了我错误。你能帮帮我吗？

错误： 尝试导入错误：“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>
    );
  }
}

【问题讨论】：

下面的答案有帮助吗？如果是，请标记为正确。谢谢
react 改变了它的库。你还在纠结这个吗？下面的链接是看的地方.....react-icons.netlify.com/#/icons/fa

标签： reactjs react-native react-redux

【解决方案1】：

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

您无需解构，因为您直接指向文件。使用react-icons 转到node_modules 文件夹以查看图标所在的位置会很有帮助。

【讨论】：

或import { FaPencil } from 'react-icons/fa