国家到底是做什么的？[副本]

Question

我正在试用Angular中的NgRx（redux）和下面示例中的...state，我不能完全理解。我搜索了它，并将其理解为散布，但不确定为什么接口状态中的数据属性会在reducer的开关的返回{}块中重复，因为...会散布它们？有谁能帮我理解一下吗？

export interface State {
  sessionData: Map<string, string>;
  requesting: boolean;
  hasError: boolean;
  status: StatusModel;
}

export function sessionReducer(state: State = INITIAL_STATE, action: Session.Actions): State {
      switch (action.type) {
        case Session.REQUEST_SESSION_DATA:
          return {
            ...state,
            requesting: true,
            hasError: false,
            status: undefined,
          };
      }
}

附注：我看了这里的线程，通常得到的传播就是这样，传播开来。但是这里在redux/ngrx的上下文中，试图理解为什么return{}具有...state和三个附加属性。

Answer 1

状态的要点是它是不可变的（返回的是一个新对象，而不是一个修改过的对象）。因此，如果您想要修改状态，向它添加新的值，您需要返回当前状态加上您想要添加到前一个状态的新值。在使用扩展运算符...的示例中，您返回的是一个新的不可变对象，该对象包含以前的状态以及三个新属性requesting、haserror和status。您可以考虑这样做：

export function sessionReducer(state: State = INITIAL_STATE, action: Session.Actions): State {
      switch (action.type) {
        case Session.REQUEST_SESSION_DATA:
          state.requesting = true;
          state.hasError: false;
          state.status: undefined;

          return state;
      }
}

但是你不能这样做，因为你正在打破状态的哲学，新的不可变的对象而不是修改过的：）

在您的示例中，我们需要知道initial_state是如何初始化的，但我认为它只包含sessiondata属性。因此，在该示例中，您将返回sessiondata以及其余属性。

在下面的链接中，您可以看到spread运算符是Redux世界中常用的运算符，用于将当前状态返回为新对象（这是React的Redux示例，但它在Angular中的工作方式完全相同）。

在Angular中，使用redux模式和onpush更改检测策略是一种非常常见的模式，因为您告诉Angular只检查组件@input中的引用更改，而不是逐个属性比较对象。那是性能上的一大优势。

扩展算子在Redux中的应用