进行调试时，可以从浏览器控制台访问Redux存储吗？
我有自己的单元测试reducers。但是，当我在浏览器中调试时，我想检查是否正确调用了我的操作以及状态是否已相应修改。
我正在寻找类似的东西：
window._redux.store
...在浏览器中，这样我就可以在控制台上键入该信息并检查运行情况。
我该如何实现？
如何在任何网站上查看Redux商店，而无需更改代码
更新2019年11月
自从我最初回答以来，react devtools已经更改。componentschrome的devtools中的新标签仍然包含数据，但您可能需要搜索更多内容。
- 打开chrome devTools
- 选择react devtool的
Components标签 - 单击最顶部的节点，然后在右侧列
store中显示 - 在树上重复步骤3，直到找到
store（对我来说这是第4级） - 现在，您可以按照以下步骤操作
$r.store.getState()
原始答案
如果您正在运行React开发人员工具$r.store.getState();，则无需更改代码库即可使用。
注意：您必须先在开发人员工具窗口中打开react devtool才能进行此工作，否则会出现$r is not defined错误
- 打开开发人员工具
- 点击反应标签
- 确保选择了提供者节点（或最高节点）
- 然后在控制台中输入
$r.store.getState();或$r.store.dispatch({type:"MY_ACTION"})
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
调试时将打开浏览器而不是控制台应用程序
- 2
Web浏览器上的远程控制台可以访问heroku？
- 3
Web浏览器上的远程控制台可以访问heroku？
- 4
如何从浏览器控制台访问RequireJS模块？
- 5
调试时可以写文件而不是控制台吗？
- 6
Shopify - 我可以从浏览器控制台访问 JSON 对象，但不能从主题文件访问
- 7
浏览器控制台错误
- 8
浏览器控制台错误
- 9
EC2实例连接-哪些入站的AWS IP可以访问浏览器控制台？
- 10
如何从浏览器控制台访问组件控制器？
- 11
是否可以从浏览器检查器控制台禁用Javascript / Jquery？
- 12
Firebase - firebase 存储文件如何从浏览器控制台变为“不可下载”？
- 13
由于SSL证书问题，无法通过浏览器或控制台访问Github
- 14
如何从浏览器控制台访问和测试AngularJS过滤器？
- 15
是什么会阻止从浏览器控制台访问AngularJS $ scope？
- 16
是否可以从浏览器控制台更改JS变量值？
- 17
是否可以从浏览器控制台更改JS变量值？
- 18
是否可以从浏览器控制台运行一些 Wasm 代码？
- 19
区分控制台和浏览器的javascript
- 20
从浏览器控制台调用Angular click事件
- 21
如何使浏览器控制台在JavaScript中等待
- 22
Javascript：没有浏览器的控制台
- 23
检查Ruby上的浏览器控制台输出
- 24
谷歌浏览器控制台，打印图像
- 25
Selenium Chrome浏览器启动，但控制台错误
- 26
在HTML页面中显示浏览器控制台
- 27
反应localStorage-浏览器控制台
- 28
使用浏览器控制台添加元素
- 29
来自控制台CentOS的Web浏览器
我来说两句