web-dev-qa-db-ja.com

インポートしようとしたエラー:「FaPencil」は「react-icons / fa」からエクスポートされません

私は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>
    );
  }
}
3
Brad
import FaPencil from 'react-icons/lib/fa/pencil'

ファイルを直接ポイントしているので、分解する必要はありません。 react-iconsを使用する場合、node_modulesフォルダーに移動して、アイコンの場所を確認すると便利です。

2
jsw324