web-dev-qa-db-fra.com

Erreur d'importation tentée: 'FaPencil' n'est pas exporté à partir de 'react-icons / fa'

Je suis nouveau sur ReactJS, maintenant je veux inclure (React-icons) dans mon projet mais cela me donne une erreur. pourrais-tu m'aider s'il te plaît .

Erreur: Erreur d'importation tentée: 'FaPencil' n'est pas exporté depuis 'react-icons/fa'

Le code est ci-dessous

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'

Vous n'avez pas besoin de déstructurer puisque vous pointez directement vers le fichier. En utilisant react-icons il est utile d'aller sur le node_modules dossier pour voir où vivent les icônes.

2
jsw324