如何在 createSlice 中调用其他 reducer 来改变状态？

Question

我使用 redux 来创建切片，这是我的 createSlice 的样子：

export default createSlice({
    name:'testSlice',
    initialState,
    reducers:{
        setRecords: setRecordsReducer,
        setObjects: setObjectsReducer,
        setBoth:....
    }
});

这里是 setRecordsReducer 和 setObjectsReducer 的样子：

const setRecordsReducer = (state, {payload:{id,recordName}}) => {
    return {...state, items:{...state.items, records:{...state.items.records, [id]:{recordName}};
};

const setObjectsReducer = (state, {payload:{id,objectName}}) => {
    return {...state, objects:{...state.objects, records:{...state.objects.records, [id]:{objectName}};
};

setRecordReducer 和 setObjectsReducer 这两个reducer改变了状态的不同部分（实际上并不是改变状态，而是基于它构建新的状态）。 setRecordReducer 根据 state.items.records 返回新状态； setObjectReducer 根据 state.objects.records 返回新状态。

我试图创建一个新的动作 setBoth，当动作 setBoth 发生时，我可以同时调用 setRecordReducer 和 setObjectsReducer 吗？那么状态的两个部分可以改变并返回我新的状态吗？

Answer 1

既然每个状态都在运行，那么是的，我看不出为什么你不能编写一个调用其他状态并传递适当参数的 reducer 函数。这个新的 reducer 函数还需要返回下一个计算的状态值，从每个调用的 reducer 函数返回组合的更新状态。

const setBothReducer = (state, action) => {
  return {
    ...state,
    ...setRecordsReducer(state, action),
    ...setObjectsReducer(state, action),
  };
}

export default createSlice({
  name:'testSlice',
  initialState,
  reducers:{
    setRecords: setRecordsReducer,
    setObjects: setObjectsReducer,
    setBoth: setBothReducer,
  }
});