NGRX / RXJS动作道具变得不可变

Question

我发现我发送到动作的道具（EX：具有搜索标准发送到API的类模型）正在变得不可变，我无法修改该类的属性。

现在，我知道还原器 /商店对象是不可变的，但是该类在任何时候都不会触摸还原器或进入商店。

我已经与NGRX合作了几年，我遇到了一些我没有意识到的行为，或者是新的。也许我完全缺少其他地方的东西，但是任何见解都会受到赞赏...

采取这种简单的行动，该操作会采取班级道具来代表请求：

export const loadNotes= createAction('[Notes] Load Notes',
  props<{ getNotesRequestModel: GetNotesRequestModel }>()
);

然后为此动作发动效果，以调用加载注释的服务：

loadNote$ = createEffect(() =>
this.actions$.pipe(
  ofType(NoteActions.loadNotes),
  switchMap((action) =>
    from(
      this.noteService.getNotesList(action.getNotesRequestModel)
    ).pipe(
      map((response) => {
        return NoteActions.loadNotesSuccess({ response });
      }),
      catchError((error) => {
        return of(NoteActions.loadNoteFail());
      })
    )
  )
)
);

最后，最后还原器处理存储在状态下的响应：

  on(NoteActions.loadNotesSuccess,(state: INoteState, { response }) => ({
    ...state,
    noteResponse: response,
  })),

这一切都很好，除了首次调用操作之后，local getNotesRequestModel变量现在不变了，这使我无法更改页面等属性等。对API的后续电话。

但是，如果我修改调度以克隆请求对象，则可以正常工作。

public getNotes(){    
  this.noteStore.dispatch(
    NotesActions.loadNotes({getNotesRequestModel: _.cloneDeep(this.noteRequest)})
  );
}

更新：

NGRX版本历史记录的研究表明，从8.6版到9版，默认情况下，严格的动作不变性设置为True。我忘记了这一点，以及为什么我以前没有经历过这种行为。

如果需要，可以通过储藏装置来控制严格的不变性，如下所示：

@NgModule({
declarations: [
  AppComponent,
],
imports: [
  BrowserModule,
  StoreModule.forRoot(reducers, {
    metaReducers,
    runtimeChecks: {
      strictStateImmutability: true,
      strictActionImmutability: true
    }
  }),
  .....
],
providers: [],
bootstrap: [AppComponent]
})

Answer 1

道具将被发送到操作，因此对象被NGRX标记为ReadOnly，因此在您发送事件的时间并进行处理之间，操作的值不会更改。

当您传递对对象的引用时，整个对象都可以像样。