首页 > 解决方案 > ngxs 实验室 immer 要求完整状态?

问题描述

我严格遵循 ngxs/labs immer 文档来调整我的代码并发现这种奇怪的行为。

为什么要setState在以下位置询问所有状态属性:

  export class DadesStateModel {
    apartats: IApartat[];
    authors: IAuthor[];
  }  
  (...)
  @Action(SetArticles)
  @ImmutableContext()
  setArticles({setState}: StateContext<DadesStateModel>, {apartat}: SetArticles) {
    setState((state: DadesStateModel) => ({
      state.apartats[state.apartats.findIndex(ap=>ap.Id===apartat.Id)] = apartat;
      return state;
    }))
  }

带有以下错误消息:

Argument of type '(state: DadesStateModel) => { state: DadesStateModel; (Missing): IApartat; return: DadesStateModel; }' is not assignable to parameter of type 'DadesStateModel | StateOperator<DadesStateModel>'.
  Type '(state: DadesStateModel) => { state: DadesStateModel; (Missing): IApartat; return: DadesStateModel; }' is not assignable to type 'StateOperator<DadesStateModel>'.
    Type '{ state: DadesStateModel; (Missing): IApartat; return: DadesStateModel; }' is missing the following properties from type 'DadesStateModel': authors.

标签: ngxs

解决方案


即使我的回答来晚了一点:由于语法错误,您会看到此错误。您将{}lambda 中的括号括({})起来,因此它假定您打算成为 lambda 的主体是 lambda 的返回值。只需删除封闭的括号,它就可以工作。

setState((state: DadesStateModel) => { // Instead of "({"
  state.apartats[state.apartats.findIndex(ap=>ap.Id===apartat.Id)] = apartat;
  return state;
}); // Instead of "}));"

推荐阅读