Попытка импортировать ошибку: «FaPencil» не экспортируется из «act-icons / fa »

Question

Я новичок в ReactJS, теперь я хочу включить (React-icons) в свой проект, но это дает мне ошибку.Не могли бы вы помочь мне.

Ошибка: Попытка ошибки импорта: «FaPencil» не экспортируется из «response-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, чтобы увидеть, где находятся значки.