Mettre à jour l'état entre différents composants sur ReactJS

Vous pouvez utiliser Redux pour gérer l'état sur plusieurs composants.

Mise en route avec Redux

Pour répondre à cela: Il n'ya aucun moyen à l'aide de laquelle vous pouvez passer l'état entre deux composants de réagisme, car l'état est privé à un composant. Les accessoires peuvent vous aider à cet égard. Les accessoires ne peuvent pas être passés de l'enfant au parent, il peut toujours être de parent à l'enfant. Il y a une torsion à l'aide de laquelle vous pouvez y parvenir, veuillez suivre la section de l'article ci-dessous: "Comment passer des accessoires de l'enfant à la composante parent?" Pour obtenir une idée claire à ce sujet: URL: https://www.robinwieruch.de/react-pass-props -Po-composant /

Vous pouvez faire quelque chose comme ça pour y parvenir. Mais la solution la plus propre suggérée par le réact de JS est d'utiliser l'API de contexte de réacteur.

AMO Partage un lien de la documentation JS réagissante qui ont exactement le même scénario que vous souhaitez aborder.

https://reactjs.org/docs/context .html # Mise à jour-context-from-niché-composant

et aussi puisque vous utilisez la fonction de composant pur réagissant afin que nous puissions utiliser les crochets de réaction, vous pouvez regarder ici à

https://reactjs.org/docs/hooks- référence.html # usestate

Donc, dans votre code, il devrait s'agir de ce xxx xxx p> et maintenant Nous pouvons utiliser le consommateur totalcontext dans le composant de produit et appeler la méthode pour définir la méthode totale dans le contexte global comme celui-ci. xxx

Donc, après avoir appelé la méthode de clic, le composant d'en-tête devrait avoir la valeur mise à jour du total.