我可以使用Chrome开发工具查看/修改Redux商店吗?

时间:2017-02-20 09:18:40

标签: javascript reactjs redux google-chrome-devtools react-redux

React Dev Tools非常适合使用Redux,我可以直接进入并修改props / state以查看对相关Container的影响。

但是,如果未安装所需的Container,我需要直接修改Redux存储以使其显示。这是可能的Chrome Dev Tools,我能找到Redux商店,它是顶级getState组件,我甚至可以看到{{1}}方法,但无论如何都要修改基础状态?

React dev tools Provider

1 个答案:

答案 0 :(得分:25)

是的,你可以。 Chrome / Firefox / Electron有一个很棒的Redux DevTools Extension,它为devtools增加了一个新的Redux标签:

enter image description here

您可以导入和导出当前商店,返回历史记录,更改您想要的内容等等。