web-dev-qa-db-fra.com

Puis-je afficher / modifier la boutique Redux en utilisant Chrome Dev Tools

React Dev Tools est idéal pour travailler avec Redux, je peux simplement aller et modifier les accessoires/état pour voir l'effet sur le conteneur concerné.

Cependant, si le conteneur requis n'est pas monté, je dois modifier directement le magasin Redux pour le faire apparaître. Est-ce possible avec Chrome Dev Tools, je peux trouver le magasin Redux, c'est le niveau supérieur <Provider /> composant, je peux même voir la méthode getState, mais est-il possible de modifier l'état sous-jacent?

React dev tools Provider

23
Andy Polhill

Oui, vous pouvez. Il y a une grande Redux DevTools Extension pour Chrome/Firefox/Electron qui ajoute un nouvel onglet Redux à devtools:

enter image description here

Vous pouvez importer et exporter le magasin actuel, revenir en arrière, modifier ce que vous voulez et bien plus encore.

27
Marek Dorda