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

相关推荐
一枚前端小能手几秒前
🔄 重学Vue之生命周期 - 从源码层面解析到实战应用的完整指南
前端·javascript·vue.js
开开心心就好8 分钟前
Word转PDF工具,免费生成图片型文档
前端·网络·笔记·pdf·word·powerpoint·excel
一枚前端小能手9 分钟前
「周更第9期」实用JS库推荐:mitt - 极致轻量的事件发射器深度解析
前端·javascript
Moment12 分钟前
为什么 Electron 项目推荐使用 Monorepo 架构 🚀🚀🚀
前端·javascript·github
掘金安东尼17 分钟前
🧭前端周刊第437期(2025年10月20日–10月26日)
前端·javascript·github
Mintopia28 分钟前
🧠 AIGC + 区块链:Web内容确权与溯源的技术融合探索
前端·javascript·全栈
晓得迷路了31 分钟前
栗子前端技术周刊第 103 期 - Vitest 4.0、Next.js 16、Vue Router 4.6...
前端·javascript·vue.js
GISer_Jing38 分钟前
不定高虚拟列表性能优化全解析
前端·javascript·性能优化
鹏多多1 小时前
深度解析React中useEffect钩子的使用
前端·javascript·react.js
冰暮流星1 小时前
css之box-sizing属性
前端·javascript·css