Partie 1 : Découvrir React
Partie 2 : Acquérir les bases de React
Partie 3 : Aller plus loin avec React
Partie 4 : Bonus
Partie 5 : Obtenir votre sticker React

4.2. Exercice : Utiliser le Hook d’effet pour initialiser un composant

J’espère que vous avez digéré la section précédente, qui était plutôt longue et théorique. Pour vous aider, je vous propose un petit exercice, assez simple. Nous allons reprendre notre composant Asp.tsx, mais en lui ajoutant un Hook d’effet. Notre objectif sera d’initialiser notre composant de pokémons avec un tableau vide, et ensuite de charger dans notre state la liste des pokémons (contenu dans la constante POKEMONS). Ce n’est pas très compliqué, car nous voulons charger la liste des Pokémons une seule fois, à l’initialisation du composant. Voici donc les deux consignes à appliquer :

  • Initialiser un state avec un tableau vide.
  • Charger la liste pokémons dans le state du composant, à l’initialisation.
  • Veiller à ce que la liste des pokémons ne soit chargé dans le state qu’une seule fois.

Je vous rassure, il n’y a aucun piège, et vous pouvez consulter la section précédente si vous avez un doute.

Bon courage, et à tout de suite ! 💪