Dans le cours : React : Créer et héberger un site full-stack

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 23 100 cours dispensés par des experts.

Partager un état global avec les composants de l'application

Partager un état global avec les composants de l'application - Tutoriel React.js

Dans le cours : React : Créer et héberger un site full-stack

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Partager un état global avec les composants de l'application

“

On a pu mettre en place le contexte qui va nous permettre de centraliser la gestion de la logique et on va pouvoir se partager de la logique entre plusieurs composants. Donc, ce que l'on va faire en plus de ce que l'on a vu précédemment, c'est compléter l'implémentation du contexte et permettre de partager de la logique au moyen d'un « hook » personnalisé. Donc, on va créer celui-ci, justement avec useContext, je vais rajouter ici un nouveau hook que je vais appeler « useAppContext ». Donc, le rôle de ce hook, on va pouvoir l'utiliser dans les composants fonctionnels, donc on va pouvoir réutiliser la logique. On va justement utiliser ce useContext qui prend en paramètre un objet Context, donc c'est celui que l'on a défini plus haut. Maintenant qu'on l'a exporté, on va pouvoir le réutiliser. Aussi simple que ça, donc je retourne ici dans Composants > List et on va changer l'implémentation de celui-ci. Donc, au lieu de faire des appels réseau directement dans Composants, à la place…

Table des matières