如何在 Redux 中使用 combineReducers 和自定义 reducer？

Question

目前，我所有的 reducer 只需要状态值中的数据，所以我的 'rootReducer' 看起来像这样

export const appReducer = combineReducers({ foo: fooReducerFunction, bar: barReducerFunction})

这很好，但现在我有一个需要状态的其他部分的减速器，我知道可以这样完成

export function App(state: AppState, action: AppActions): AppState {
    return {
       foo: fooReducerFunction(state.foo, action),
       bar: fooReducerFunction(state.bar, action),
       baz: bazReducerFunction({foo: state.foo, bar: state.bar}, action)
    } 
}

但我不想像 foo 和 bar 那样明确写出所有其他减速器，因为我的商店只有一件需要商店的其他部分。有没有办法将自定义减速器和combineReducers 组合成这样的东西？

const appReducer = combineReducers({ foo: fooReducerFunction, bar: barReducerFunction})

export function App(state: AppState, action: AppActions): AppState {
    return {
       ...appReducer,
       baz: bazReducerFunction({foo: state.foo, bar: state.bar}, action)
    } 
}

Answer 1

可以以这种方式组合 reducer，但解决问题的一个更简单的方法是在你的操作中获取 redux 存储的快照并将你需要的状态切片传递给你的发货时减速机。例如，如果您使用redux-thunk，则以下模式应该可以工作：

export const actionFoo = (data) =>  {
  return (dispatch, getState) => {
    // access slice of state first
    const { otherStateSlice } = getState()
    dispatch({ type: UPDATE_DATA, otherStateSlice, data })
  }
}