Angular项目中是否应在ngOnInit重置NgRx状态？

首先，不建议在组件的ngOnInit中重置NgRx全局状态——因为NgRx状态是应用级的全局单例，如果某个组件私自重置状态，很可能会影响到其他依赖该状态的组件，引发意料之外的bug。

你的问题根源在于：NgRx状态不会随组件销毁自动清除，当你创建用户后，createUserLoaded$的状态保持为true，切换路由再返回时，组件重新初始化，订阅会立刻拿到这个旧的true值，导致重复触发通知。

这里有两个更合理的解决方案，根据你的场景选择：

方案1：在Effect中自动重置操作状态 #

在处理创建用户成功的Effect里，完成业务逻辑后主动dispatch一个重置状态的Action，把createUserLoaded恢复为初始值（比如false）。这样状态不会残留旧值，下次组件初始化时订阅到的就是干净的初始状态。

示例代码：

// user.effects.ts
createUserSuccess$ = createEffect(() => 
  this.actions$.pipe(
    ofType(UserActions.createUserSuccess),
    map(() => UserActions.resetCreateUserState()) // 触发重置状态的Action
  )
);

// user.reducer.ts
const initialState = {
  createUserLoaded: false,
  // 其他状态...
};

export function userReducer(state = initialState, action: UserActions) {
  switch (action.type) {
    case UserActions.Types.CREATE_USER_SUCCESS:
      return { ...state, createUserLoaded: true };
    case UserActions.Types.RESET_CREATE_USER_STATE:
      return { ...state, createUserLoaded: false }; // 重置回初始值
    // 其他case...
    default:
      return state;
  }
}

方案2：直接订阅Action流而非状态切片 #

如果你的组件只需要响应"创建用户成功"这个一次性事件，没必要依赖持久化的状态切片，直接订阅对应的Action流即可。Action是一次性的事件，组件销毁后重新初始化，不会再收到之前的旧Action，自然不会重复触发通知。

组件代码示例：

// user.component.ts
import { Actions, ofType } from '@ngrx/effects';
import { UserActions } from '../store/user.actions';
import { takeUntil } from 'rxjs/operators';
import { Subject } from 'rxjs';

private destroy$ = new Subject<void>();

ngOnInit() {
  this.actions$.pipe(
    ofType(UserActions.createUserSuccess),
    takeUntil(this.destroy$) // 组件销毁时自动取消订阅
  ).subscribe(() => {
    this.showSuccessNotification();
  });
}

ngOnDestroy() {
  this.destroy$.next();
  this.destroy$.complete();
}

总结 #

优先选择方案2（订阅Action流），它更贴合NgRx的事件驱动理念，避免了状态残留的问题；如果必须依赖状态切片（比如其他组件需要读取这个状态），则用方案1在Effect中自动重置状态，确保状态始终是最新且干净的。

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