尚硅谷-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

相关推荐
plusone20 分钟前
【React18源码解析】(三)调度
react.js·前端框架·源码
前端Hardy20 分钟前
HTML&CSS:超丝滑抛物线飞入购物车效果
前端·javascript·css
VisuperviReborn21 分钟前
打造自己的前端监控---前端错误监控
前端·javascript·vue.js
汪子熙25 分钟前
聊一聊 TypeScript 里的类型别名
前端·javascript
西岭千秋雪_38 分钟前
前端工程化:npm&vite
前端·javascript·npm·node.js
BUG收容所所长1 小时前
HoverMask与SelectedMask——如何让低代码平台的交互体验更加直观?
前端·javascript·设计
Mintopia1 小时前
🌐AIGC:从硅芯片中孕育的缪斯女神
前端·javascript·aigc
掘金安东尼1 小时前
⏰前端周刊第425期(2025年7月28日–8月3日)
前端·javascript·面试
namehu1 小时前
为什么我的margin-top被转换为vw而不是vh?
javascript·css·postcss
雪中何以赠君别1 小时前
Vite + Axios + Nginx 环境变量与代理配置笔记
前端·javascript·vue.js