目前我正在学习NgRx。到目前为止，我学到了这一点：

• 为了改变状态，我们分派所谓的动作
• 动作是一个带有标识符的对象，还可以选择带有有效负载
• 这个动作不会直接到达存储器，而是到达所谓的reducer
• reducer只是一个函数：它从存储中获取当前状态，并将操作作为输入
• 在reducer中，我们可以查看动作标识符，并相应地对状态执行更改（我们将其作为参数获得），以不可变的方式更新该状态（更改副本）
• reducer返回一个新的状态，它返回一个旧状态的副本，这个状态被转发到应用商店
• 这个减少的状态然后覆盖旧的状态

我真的不明白，为什么我们不直接改变存储在存储中的状态？为什么我们需要这个reducer并在存储中的状态副本上进行更改并将其写回？
对于我的另一个问题，这里是一个位代码：

import { Ingredient } from '../../shared/ingredient.model';
import * as ShoppingListActions from './shopping-list.actions';

const initialState = {
  ingredients: [new Ingredient('Apples', 5), new Ingredient('Tomatoes', 10)]
};

export function shoppingListReducer(
  state = initialState,
  action: ShoppingListActions.AddIngredient
) {
  switch (action.type) {
    case ShoppingListActions.ADD_INGREDIENT:
      return {
        ...state,
        ingredients: [...state.ingredients, action.payload]
      };
    default:
      return state;
  }
}

这是一个简单的减速器。在这里，我们通过返回旧状态并覆盖ingredients来创建一个新状态。
是否有一个模式可以遵循，我们必须如何返回新状态，或者它取决于存储中的状态？