使用combineReducers合并多个reducer(基础文章)

简介: 使用combineReducers合并多个reducer(基础文章)

comineReducers旨在解决什么问题?

这个函数是redux库中的函数,旨在解决多个reducer暴露的问题,因为一个组件往往用到的不止一个reducer。该函数接收的是一个对象,对象的属性分别是我们定义的reducer函数。

结合后的reducer函数

import {INCREMENT,DECREMENT} from './action-types'
import {combineReducers} from 'redux'
// 管理count状态的reducer
function count(state=1,action) {
    console.log('count',state,action);
    switch (action.type) {
        case INCREMENT:
            return state + action.data
        case DECREMENT:
            return state - action.data
        default:
            return state;
    }
}
// 管理user状态的reducer
const initUser = {};
function user(state = initUser,action) {
    switch (action.type) {
        default:
            return state;
    }
}
export default combineReducers({
    count,
    user
})
复制代码

思维导图

image.png

相关文章
|
4天前
|
分布式计算 负载均衡 数据处理
MapReduce中的Combiner函数的作用和使用场景
MapReduce中的Combiner函数的作用和使用场景
93 0
|
9月前
|
存储 分布式计算 并行计算
Spark学习---2、SparkCore(RDD概述、RDD编程(创建、分区规则、转换算子、Action算子))(一)
Spark学习---2、SparkCore(RDD概述、RDD编程(创建、分区规则、转换算子、Action算子))(一)
|
6月前
|
流计算
reduce补充二
reduce补充二
27 0
|
9月前
|
存储 分布式计算 对象存储
Spark学习---2、SparkCore(RDD概述、RDD编程(创建、分区规则、转换算子、Action算子))(二)
Spark学习---2、SparkCore(RDD概述、RDD编程(创建、分区规则、转换算子、Action算子))(二)
|
10月前
分别举例什么情况要使用 combiner,什么情况不使用?
分别举例什么情况要使用 combiner,什么情况不使用?
85 0
|
JavaScript 前端开发 索引
reduce你真的会用吗
reduce你真的会用吗
lodash合并函数,可以定制合并值
lodash合并函数,可以定制合并值
81 0
|
数据处理
两个接口数据合并
数据处理
202 0
|
存储 分布式计算 资源调度
MapReduce框架--InputFormat数据输入--切片优化(11)
MapReduce框架--InputFormat数据输入--切片优化(11)
236 0
MapReduce框架--InputFormat数据输入--切片优化(11)
|
JavaScript
js:Array.reduce累加计算、合并数组
js:Array.reduce累加计算、合并数组
281 0
js:Array.reduce累加计算、合并数组