为何Effect未分发我的Action？组件保存场景异常求助

核心现象 #

同一个saveDevice Action，编辑场景能正常触发对应Effect，但保存（新增）场景下，Redux DevTools显示Action已分发，却没有触发Effect逻辑。

排查方向与解决方法 #

• 对比Action Payload差异
  打开Redux DevTools，分别查看编辑、保存场景下saveDevice的payload内容，重点核对formValue的结构和关键字段（比如id）。多数场景下编辑会携带对象唯一标识（如id），而保存场景没有，如果Effect里依赖这个字段做过滤判断（比如只处理带id的Action），就会导致保存场景被跳过。

• 检查Effect的触发逻辑
  找到监听saveDevice的Effect代码，查看是否存在限制触发的条件。比如类似下面的错误写法：

  saveDevice$ = createEffect(() =>
    this.actions$.pipe(
      ofType(DeviceActions.saveDevice),
      filter(action => action.payload.formValue.id), // 保存时无id，直接被过滤
      mergeMap(action => { /* 后续逻辑 */ })
    )
  );
  

  如果有这类判断，需要调整过滤规则，让新增（无id）和编辑（有id）场景都能进入Effect执行逻辑。

• 验证Reducer状态处理
  对比编辑和保存场景下，Reducer处理saveDevice后的状态变化。如果Reducer在保存场景下修改的状态不符合Effect后续逻辑的依赖条件，也会导致Effect中断执行。

• 排查中间件拦截
  暂时禁用项目中非必要的Redux中间件（比如自定义日志、权限校验中间件），测试保存场景是否能触发Effect。如果禁用后恢复正常，说明对应中间件在保存场景下拦截了Action。

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