react使用总结五：react-redux合并多个Reducer

最新推荐文章于 2024-08-06 13:54:57 发布

弹琴弹琴

最新推荐文章于 2024-08-06 13:54:57 发布

阅读量5.9k

点赞数 1

分类专栏： React点滴知识文章标签： react-redux Reducer

本文链接：https://blog.csdn.net/bbsyi/article/details/82499404

版权

这篇博客总结了如何在React-Redux中合并多个Reducer，包括分别介绍Reducer1（themeColor.js）和Reducer2（aa.js），并在index.js中进行合并。接着，博主展示了如何在router.js和page1.js中应用合并后的Reducer，特别提醒在mapStateToProps中引用state的主题颜色属性时，应使用state.themeColorReduce.themeColor。

摘要由CSDN通过智能技术生成

1.Reducer1（themeColor.js）

// reducer 优化后================
// 建议使用这中结构

// 1.定义默认数据
let initialState = {
    themeColor: 'red'
}

// 2.Reducer
const themeReducer = (state = initialState, action) => {
    switch (action.type) {
      case 'CHANGE_COLOR':
        return { ...state, themeColor: action.themeColor }
      default:
        return state
    }
}
// 3.导出
export default themeReducer;

2.Reducer2（aa.js）

// reducer 优化后================
// 建议使用这中结构

// 1.定义默认数据
let initialState = {
    aa:'99999'
}

// 2.Reducer
const aaReducer = (state = initialState, action) => {
    switch (action.type) {
      case 'CHANGE_AA':
        return { ..