NgRx 在開始時從效果中調用動作

Question

我正在嘗試在效果之前或開始時發送一個動作。

小例子：

saveSomething$ = createEffect(() =>
    this.actions$.pipe(
      ofType(SaveProjectAction),
      tap(() => ImSavingNowAction()), // trigger action here
      withLatestFrom(this.store.select(selectSomething)),
      mergeMap(([action, project]) => {
        let save$ = this.api.call(something); // Do an api call or something that takes long here


        return save$.pipe(
          map(
            (project) => SavedSomethingAction({ something }),// Next Action to be called
            catchError(() => EMPTY)
          )
        );
      })
    )
  );

Answer 1

我認為最好在調度第一個動作后直接在reducer中處理它，而無需從effect調度ImSavingNowAction動作。

一般來說，最佳實踐實際上是處理一個或多個動作，並將它們 map 處理為一個單獨的動作，而不在其中調度任何其他action 。

您可以查看no-dispatch-in-effects和no-multiple-actions-in-effects規則以獲取更多詳細信息。