Reactjs 调试时，我可以从浏览器控制台访问 Redux 存储吗

发布于06月02日

我有reducers个单元测试.但是，当我在浏览器中调试时，我想判断我的操作是否被正确调用，以及状态是否被相应修改.

我在找这样的东西:

window._redux.store

... 在浏览器中，这样我就可以在控制台上输入，并判断情况.

我怎样才能做到这一点？

How to view redux store on any website, with no code changes

2019年11月更新

self 最初的答案以来，react开发工具已经发生了变化.chrome的devtools中新的components标签仍然有数据，但你可能需要再搜索一点.

打开chrome devTools

Select react devtool的Components选项卡

点击最上面的 node ，在右边的一栏中查找要显示的store

在树下重复第3步，直到你找到store(对我来说是第4层)

现在，您可以按照以下步骤操作$r.store.getState()

原始答案

如果你有react开发者工具，你可以用$r.store.getState();和no changes to your codebase.

Note:你必须先在开发者工具窗口中打开react devtool，否则你会得到$r is not defined个错误

开放式开发工具

单击"react "选项卡

确保 Select 了提供程序 node (或最顶层 node )

然后在控制台中输入$r.store.getState();或$r.store.dispatch({type:"MY_ACTION"})

推荐答案