javascript - 我可以使用 Chrome 开发工具查看/修改 Redux 存储吗

Question

React Dev Tools 非常适合与 Redux 一起使用，我可以简单地进入并修改 props/state 来查看对相关容器的影响。

但是，如果未安装所需的容器，我需要直接修改 Redux 存储以使其出现。这可以通过 Chrome 开发工具实现吗？我能够找到 Redux 商店，它是顶级 <Provider />组件，我什至可以看到 getState方法，但是有没有办法修改底层状态？

Answer 1

是的，可以。有一个很棒的Redux DevTools Extension对于 Chrome/Firefox/Electron，它向开发工具添加了一个新的 Redux 选项卡:

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