Redux Reducer包含多个业务

在一个 reducer 中，可以存在很多个操作，例如：用户可以增加自然也可以删除

xxxxxxxxxx
// action
export const addUser = (payload) =>{
    return{
        type:"addUser",
        payload
    }
}

export const delUser = (payload) =>{
    return{
        type:"delUser",
        payload
    }
}

xxxxxxxxxx
// reducer
import findIndex from "loadsh/findIndex"
const initialState = {
    user:[]
}
export function userReducer(state = initialState,action){
    if(action.type === "addUser"){
        return {
            user:state.user.concat(action.payload)
        }
    }
    if(action.type === "delUser"){
        let currentIndex = findIndex(state.user,element => element.user === action.payload.user)
        return{
            user:[
                ...state.user.slice(0,currentIndex),
                ...state.user.slice(currentIndex+1)
            ]
        }
    }
    return state 
}

Lodash

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库

参考地址：https://www.lodashjs.com/