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>
);
}
}
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.