Contenu du cours
Redux Toolkit & React
Redux Toolkit & React
2. Redux Toolkit en Pratique
Ce Qui Vous AttendCode Initial du Projet et Structure des FichiersCréation du Store ReduxIntégration du Store Redux dans l'ApplicationInspection du Store dans l'ApplicationActions et Créateurs d'ActionsRôle des RéducteursInspection des Actions et des RéducteursConnexion de Redux et ReactCompléter le Code de l'Application
Intégration du Store Redux dans l'Application
Pratique
Une fois le store configuré, il peut être utilisé dans l'application. Nous devons fournir le store
à l'ensemble de l'application. Nous le ferons dans le fichier index.js
.
Explication du code : Intégration du store Redux dans une application React en utilisant la bibliothèque react-redux
. Décomposons cela étape par étape.
- Ligne 3 : Importer le composant
Provider
de la bibliothèquereact-redux
; - Ligne 5 : Importer l'objet
store
à partir d'un fichier appeléstore.js
, situé dans un dossier appeléredux
; - Lignes 9-13 : Le composant
Provider
enveloppe le composantApp
. Le composantProvider
est un composant de haut niveau fourni parreact-redux
qui rend le store Redux disponible pour les composants de l'application ; - Ligne 9 : L'objet
store
est passé en tant que prop au composantProvider
. Cette prop est nomméestore
, et sa valeur est l'objetstore
importé.
1. Quel est le but du composant Provider
de la bibliothèque react-redux
?
2. Quelle prop est utilisée pour fournir le store Redux au composant Provider
?
Tout était clair ?
Merci pour vos commentaires !
Section 2. Chapitre 4