Maintenant, pour cela, j'installerai un paquet supplémentaire dans ce projet avec npm install --save
et c'est Redux Thunk.
C'est ce qu'on appelle un middleware Redux que nous pouvons appeler, qui nous permet de changer nos créateurs d'actions
ici dans le dossier actions de telle sorte que nous pouvons réellement y faire des choses asynchrones, que nous
pouvons gérer les effets secondaires là-bas afin que nous puissions par exemple envoyer HTTP demandes dans un tel créateur d'action et seulement
une fois que les demandes
HTTP sont effectuées, nous envoyons en fait une action au magasin Redux parce que
c'est important, votre flux Redux en général doit être synchrone. Vous ne pouvez donc pas attendre la fin
d'une action avant de mettre à jour votre état. Avec Redux Thunk, cela change, votre réducteur doit toujours être
synchrone, donc aucun code asynchrone ne doit être ici mais votre créateur d'action peut maintenant être asynchrone, cela signifie que vous
pouvez maintenant envoyer une demande dans le cadre de votre créateur d'action et une seule fois vous
avez fini avec cela, vous envoyez réellement l'action au réducteur et vous le verrez dans la pratique dans une seconde,
par exemple ici dans create product qui est la chose que je veux commencer.
Cependant, pour utiliser cette nouvelle fonctionnalité, nous devons activer Redux Thunk et nous le faisons dans l'application. fichier js, là depuis Redux, vous devez importer
appliquer
le middleware et en plus, vous devez importer une nouvelle chose et c'est Redux Thunk, vous pouvez nommer cela
comme vous voulez, depuis Redux Thunk. Encore une fois, cela peut être nommé
comme vous le souhaitez, car nous utilisons l'exportation par défaut de ce package.
Maintenant, vous l'utilisez dans create store, vous pouvez y analyser un deuxième argument et là,
vous devez appeler apply middleware en tant que fonction et à cette fonction, passer Redux Thunk.
Cela va maintenant permettre essentiellement ce package qui à son tour nous permet de faire cette chose différente dans le
créateur d'action auquel je faisais référence et cette chose différente est maintenant ce que nous allons examiner ensuite.