Question

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

错误：：尝试导入错误：“ FaPencil”未从中导出 'react-icons / 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>
    );
  }
}

Answer 1

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

由于您直接指向文件，因此不需要进行结构分解。使用react-icons可以转到node_modules文件夹查看图标所在的位置。

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

1 个答案: