Render icon from 'react-icons/fa' with map

Hello, bonjour :)

Quelqu'un peut-il éclairer ma lanterne ?

Code:

---

{name:'Livre', icon:'<FaBookOpen />'}

---

Comment puis-je rendre l'icone ?
Sans utiliser map, l'icone est correctement rendue.
J'ai essayé différentes façons dont la plus simple qui suit, mais je me retrouve avec une string , quelque chose m'échappe :oops:

Code:

---

1 2 3 4 5 6 7 8 9 10

<ul> { this.props.modules.map(module => { return ( <li key={module.name}>{module.icon}</li> ) }) } </ul>

---

Merci ;)

Salut,

Ca ne peut pas marcher comme ca, dans ton exemple, icon n'est qu'une String. Il faut que tu fasses autrement. Par exemple:

Code:

---

1 2	{name:'Livre', icon: () => (<FaBookOpen />)}

---

puis

Code:

---

1 2 3 4 5 6 7 8 9

<ul> { this.props.modules.map(module => { return ( <li key={module.name}>{module.icon()}</li> ) }) } </ul>

---

Merci pour ta réponse gwyohm :)

J'avais finalement trouvé une méthode fonctionnelle, mais la tienne est plus pro !