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

相关推荐
10年前端老司机3 小时前
React无限级菜单:一个项目带你突破技术瓶颈
前端·javascript·react.js
Jackyzhe7 小时前
Flink学习笔记:整体架构
笔记·flink
徒 花7 小时前
初级网安作业笔记1
笔记
kfepiza7 小时前
Debian-10编译安装Mysql-5.7.44 笔记250706
linux·数据库·笔记·mysql·debian·bash
Magnetic_h7 小时前
【iOS】方法与消息底层分析
笔记·学习·macos·ios·objective-c·cocoa
今天背单词了吗9808 小时前
算法学习笔记:19.牛顿迭代法——从原理到实战,涵盖 LeetCode 与考研 408 例题
笔记·学习·算法·牛顿迭代法
前端小趴菜058 小时前
React - createPortal
前端·vue.js·react.js
晓13138 小时前
JavaScript加强篇——第四章 日期对象与DOM节点(基础)
开发语言·前端·javascript
DKPT9 小时前
Java设计模式之行为型模式(观察者模式)介绍与说明
java·笔记·学习·观察者模式·设计模式
烛阴9 小时前
JavaScript函数参数完全指南:从基础到高级技巧,一网打尽!
前端·javascript