为何在NgRx/Effects中两次使用switchMap操作符会导致动作持续重复派发，而concatLatestFrom可正常工作？

这个问题的核心在于你对Observable流的订阅时机和持续监听的理解差异，咱们一步步拆解：

问题出在两次switchMap的写法上 #

先看你第一个用两个switchMap的代码：

GetAllStaff = createEffect(() => this.action$.pipe(
    ofType(adminActions.GetAllStaffStart),
    switchMap(() => this.store.select(fromAdminReducer.selectAdmin)),
    switchMap((admin) => { /* 服务调用和动作派发 */ })
));

这里的逻辑链是：

1. 当GetAllStaffStart被派发时，进入第一个switchMap，它会订阅selectAdmin这个状态流——注意，store.select()返回的是一个持续的Observable，只要你store里的admin状态发生变化（比如后续GetAllStaffSuccess更新了cursors、staff等字段），这个流就会发出新的状态值。
2. 每次selectAdmin发出新值，第二个switchMap就会被触发，重新调用adminService.getAllStaff，然后派发GetAllStaffSuccess（或Fail）。
3. 而GetAllStaffSuccess又会更新store里的admin状态（比如更新cursors），这又会让selectAdmin发出新值，再次触发整个流程——这就形成了无限循环，所以你看到动作被持续重复派发。

concatLatestFrom为什么能解决问题？ #

再看你用concatLatestFrom的代码：

GetAllStaff = createEffect(() => this.action$.pipe(
    ofType(adminActions.GetAllStaffStart),
    concatLatestFrom(() => this.store.select(fromAdminReducer.selectAdmin)),
    switchMap(([action, admin]) => { /* 服务调用和动作派发 */ })
));

concatLatestFrom的作用是：当源动作（GetAllStaffStart）触发时，只一次性获取当前store中selectAdmin的最新值，而不会持续订阅这个状态流。

具体流程是：

1. 只有GetAllStaffStart被派发时，才会执行一次concatLatestFrom，获取当时的admin状态。
2. 后续即使admin状态因为GetAllStaffSuccess更新了，也不会再次触发这个effect的执行，因为concatLatestFrom没有持续监听状态变化，自然不会形成循环。

关键区别总结 #

• 两次switchMap：把动作流和持续的状态流做了绑定，状态变化会不断触发新的服务调用和动作派发，导致循环。
• concatLatestFrom：仅在动作触发时一次性获取状态快照，后续状态变化不会影响当前effect的执行，避免了循环。

内容的提问来源于stack exchange，提问作者walexy