【React】redux开发者工具redux-devtools-extension的安装和使用
devtools
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
项目地址:https://gitcode.com/gh_mirrors/de/devtools
免费下载资源
·
前言
redux-devtools-extension: 是一个用于Redux的开发者工具扩展。适合用于需要调试和监控Redux应用的状态管理。特点是可以提供实时的状态查看、行动日志和错误检测等
安装
chrome安装redux-devtools-extension
项目中安装并引入redux-devtools-extension
yarn add redux-devtools-extension
//引入redux-devtools-extension
import {composeWithDevTools} from 'redux-devtools-extension'
导出store时包裹数据
export default createStore(allReducer,composeWithDevTools(applyMiddleware(thunk)))
此时重新运行项目,插件图标亮起
使用方法(部分)
查看当前store存储的数据
监视每个action操作并且可以跳转到任意action状态
回放redux监视下数据的变化过程
GitHub 加速计划 / de / devtools
24.6 K
4.14 K
下载
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:3 个月前 )
79116147 - 4 个月前
f0359002 - 5 个月前
更多推荐
已为社区贡献3条内容
所有评论(0)