angular - 如何通过 ngrx 存储中的单个操作更新多个 reducer 的状态？

Question

我的应用程序中有多个 reducer，它们组合在 app.reducers.ts 中。当我的操作发生时，一个 reducer 的状态应该使用另一个 reducer 当前状态的单个值进行更新(因此计划外交付将被安排)，然后从第二个 reducer 的状态中删除该值。这是我可以删除它的方法，但在执行此操作之前我需要更新其他状态。

case UNPLANNED_ACTIONS.REMOVE_UNPLANNED_DELIVERY:
        return Object.assign({}, state, {
            deliveries: state.deliveries.filter(delivery => delivery.deliveryId !== payload.deliveryId)
        });

从应用程序的 Angular 来看，调用 2 个操作非常糟糕。所以我需要以某种方式在更高层次上处理这个问题。

Answer 1

您的商店可以有多个 reducer ，每个 reducer 单独作用于操作。

例如，你可以这样定义它们

export function reducer(
  state = initialState,
  action: fromMyStoreActions.DeliveryAction
): AppState{

  switch (action.type) {
    case UNPLANNED_ACTIONS.REMOVE_UNPLANNED_DELIVERY:
         return Object.assign({}, state, {
              deliveries: state.deliveries.filter(delivery => delivery.deliveryId !== payload.deliveryId)
         });
    ...
}

// Another Reducer
export function reducer(
      state = initialState,
      action: fromMyStoreActions.DeliveryAction
    ): AppState{

      switch (...)
....

然后将所有reducer传递给模块中的ngrx

StoreModule.forRoot(reducers)

For a good example, see this repo