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

And*_*ill 24 javascript google-chrome-devtools reactjs redux react-redux

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

但是,如果未安装所需的Container,我需要直接修改Redux存储以使其显示.这是否可以使用Chrome Dev Tools,我能够找到Redux商店,它是顶级<Provider />组件,我甚至可以看到getState方法,但无论如何都要修改底层状态?

React开发工具提供商

Mar*_*rda 27

是的你可以.Chrome/Firefox/Electron 有一个很棒的Redux DevTools扩展,它为devtools添加了一个新的Redux选项卡:

在此输入图像描述

您可以导入和导出当前商店,回溯历史,更改您想要的任何内容等等.

  • 非常感谢,我已经从redux-devtools切换,并且意识到在redux中不会简单地"修改道具",因为它不应该被改变.但是,将动作分配到商店的能力很强. (3认同)
  • 请注意,目前您实际上无法手动编辑状态 - 您必须通过减速器。维护者打算在 Redux DevTools 版本 3 中实现这一点:https://github.com/zalmoxisus/redux-devtools-extension/issues/502 (3认同)
  • 在最初请求多年后,手动编辑状态的能力仍然不存在 (2认同)