React-Dev工具非常适合使用Redux,我可以简单地进入并修改props /状态,以查看对相关容器的影响.

但是,如果没有安装所需的容器,我需要直接修改Redux存储以使其出现.有了Chrome开发工具,我可以找到Reduxstore ,它是顶级的<Provider />组件,我甚至可以看到getState方法,但是还有修改底层状态的方法吗?

React dev tools Provider

推荐答案

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

enter image description here

你可以导入和导出当前的store ,追溯历史,改变任何你想要的,等等.

Reactjs相关问答推荐

通过React/Esri应用程序中的SON配置时,小部件不会添加层

有正确的方法来设置我的金牛座应用程序的图标吗?

父组件更新后不重新呈现子组件

react 派生状态未正确更新

如何在react组件中使用formik进行验证

Tailwind不使用@apply classes构建,并强制使用类似于移动的viewport

如何处理具有REACTION-REDUX状态的Nextjs路由警卫

如何使图像zoom 并移动到点击点

可以使用mode.css/mode.scss引用常规的类名吗?

如何在中间件中获取 nextAuth 会话

在 Next13 中将 props 传递给 onClick 从服务器到客户端组件

Chakra UI:如何在选中状态下设置复选框 colored颜色

无法使用 MongoDB Atlas 和 Next.js 删除正确的帖子

在添加了useplacesautocomplete后,在构建React/Next.js项目时,NPM抛出类型期望的错误

使用 map 循环浏览列表列表中的列表并显示它们

React v6 中的公共和私有路由

使用 React Router v6 监听来自不同组件的组件状态变化

当从数组中删除数据时,UseEffect 不会重新渲染,仅在添加数据时才会重新渲染

如果查询不存在,如何返回所有产品?

ReactJS:按钮启用禁用更改 colored颜色