需要帮助理解这个 Ngrx 效果

Question

有关使用从商店中选择的状态的效果的 Ngrx 文档州（无双关语意）

Note: For performance reasons, use a flattening operator like concatMap to prevent the
selector from firing until the correct action is dispatched.

...并提供示例：

    addBookToCollectionSuccess$ = createEffect(() => this.actions$.pipe(
      ofType(CollectionApiActions.addBookSuccess),
      concatMap(action => of(action).pipe(
          withLatestFrom(this.store.select(fromBooks.getCollectionBookIds))
      )),
      tap(([action, bookCollection]) => console.log('whatever'))
      ), { dispatch: false }
    );

此示例已更改为使用 concatLatestFrom，但这在这里并不重要。我感兴趣的是理解最初的建议。我想我理解其意图，以避免 withLatestFrom 处理来自 getCollectionBookIds 的结果，除了源操作触发时，但我不明白为什么解决方案需要涉及将 withLatestFrom 包装在使用 of(action) 手动构建的 Observable。这样的东西不会同样有效并且更具可读性吗？

    concatMap(() => this.store.select(selectSelectedBookIds).pipe(first())),

我对 Rxjs 的理解不是很好，经过几天的尝试，我怀疑我仍然遗漏了一些东西。

Answer 1

如果您只需要选定状态，您的建议应该可以正常工作：

concatMap(() => this.store.select(selectSelectedBookIds).pipe(first())),

但是，如果您还需要动作本身，下面将传递一个包含动作和您选择的状态的数组：

concatMap(action => of(action).pipe(
  withLatestFrom(this.store.select(fromBooks.getCollectionBookIds))
)),

需要帮助理解这个 Ngrx 效果

Need help understanding this Ngrx effect

rxjs

ngrx

ngrx-effects

ngrx-store