我可以使用 Chrome Dev Tools 查看/修改 Redux 商店吗 [英] Can I view/modify the Redux store using Chrome Dev Tools
问题描述
React Dev Tools 非常适合与 Redux 一起使用,我可以简单地进入并修改 props/state 以查看对相关容器的影响.
但是,如果所需的 Container 未安装,我需要直接修改 Redux 存储以使其出现.这是否可以使用 Chrome Dev Tools,我可以找到 Redux 商店,它是顶级 <Provider/>
组件,我什至可以看到 getState
方法,但是有没有办法修改底层状态?
是的,你可以.Chrome/Firefox/Electron 有一个很棒的
您可以导入和导出当前商店、返回历史记录、更改您想要的任何内容等等.
React Dev Tools is great for working with Redux, I can simply go in and modify props / state to see the affect on the relevant Container.
However if the required Container isn't mounted I need to directly modify the Redux store to make it appear. Is this possible with Chrome Dev Tools, I am able to find the Redux store, it is the top level <Provider />
component, I can even see the getState
method, but is there anyway to modify the underlying state?
Yes, you can. There is a great Redux DevTools Extension for Chrome/Firefox/Electron which adds a new Redux tab to devtools:
You can import and export current store, go back in history, change whatever you want and much more.
这篇关于我可以使用 Chrome Dev Tools 查看/修改 Redux 商店吗的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!