尚硅谷-react教程-求和案例-@redux-devtools/extension 开发者工具使用-笔记

cs 复制代码
## 7.求和案例_react-redux开发者工具的使用
    (1).npm install @redux-devtools/extension
    (2).store中进行配置
        import { composeWithDevTools } from '@redux-devtools/extension';
        export default createStore(allReducer,composeWithDevTools(applyMiddleware(thunk)))
  • src/redux/store.js
cs 复制代码
/*
*  该文件专门用于暴露一个store对象,整个应用只有一个store对象
* */

// store.js
//引入createStore,专门用于创建redux中最为核心的store对象
import {createStore,applyMiddleware,combineReducers} from 'redux'
//引入为Count组件服务的reducer
import countReducer from './reducers/count'
//引入为Person组件服务的reducer
import personReducer from './reducers/person'
//引入redux-thunk,用于支持异步action
import {thunk} from 'redux-thunk'
//引入redux-devtools-extension
import { composeWithDevTools } from '@redux-devtools/extension';

// 合并多个reducer
const allReducer = combineReducers({
    he:countReducer,
    rens:personReducer
})
//导出store
export default createStore(allReducer,composeWithDevTools(applyMiddleware(thunk)))

推荐和参考阅读文章:

安装和使用 Redux DevTools 插件-CSDN博客https://blog.csdn.net/huangjuan0229/article/details/136901744

相关推荐
sorryhc4 分钟前
【AI解读源码系列】ant design mobile——Avatar头像
前端·javascript·react.js
Mintopia12 分钟前
🎭 一场浏览器里的文艺复兴
前端·javascript·aigc
华仔啊44 分钟前
JS里怎么判断一个对象是否为空?怎么分清它到底是啥类型?
前端·javascript
码力无边_OEC44 分钟前
第三章:与页面共舞 —— Content Scripts 的魔法
前端·javascript
兮漫天1 小时前
bun + vite7 的结合,孕育的 Robot Admin 【靓仔出道】(十八)
前端·javascript·vue.js
日月晨曦1 小时前
JavaScript中的this:一场关于"我是谁"的哲学之旅
前端·javascript
鹏多多1 小时前
前端图片裁剪Cropper.js核心功能与实战技巧详解
前端·javascript
秋天的一阵风1 小时前
前端小白变形记:你要学会这些设计模式!第七弹:代理模式
前端·javascript·面试
秋天的一阵风1 小时前
用 vue3+ts+pdfjs 做 PDF 预览?这组件难道不值得夸?🚀
前端·javascript·vue.js
掘金安东尼2 小时前
CSS 锚点定位入门指南
前端·javascript·面试