Ngrx示例应用：状态关联逻辑疑问——跨模块选择器使用困惑

这个疑惑其实是NgRx状态树和选择器工作逻辑的常见误区，我来给你拆解清楚：

1. 根状态fromRoot.State实际包含了auth状态切片 #

你可能没留意到，根reducers的定义文件里，fromRoot.State接口是组合了所有feature模块状态的，它的结构大概是这样：

// app/reducers/index.ts
import * as fromAuth from '../auth/reducers';

export interface State {
  auth: fromAuth.State; // 这里已经把auth模块的状态作为根状态的一个属性包含了
  // 其他feature模块的状态切片...
}

所以fromRoot.State并不是孤立的“纯根状态”，它已经整合了auth模块的状态结构。

2. 根reducer通过combineReducers关联了auth的reducer #

根reducer文件里肯定用了combineReducers工具，把各个feature模块的reducer组合成了根reducer，比如：

// app/reducers/index.ts
export const reducers: ActionReducerMap<State> = {
  auth: fromAuth.reducer, // 这里将auth模块的reducer与根状态的auth属性绑定
  // 其他模块的reducer...
};

这就意味着，Store初始化后，它的状态树里确实存在auth这个节点，对应着auth模块的状态数据。

3. fromAuth.getLoggedIn选择器会自动从根状态中定位auth切片 #

fromAuth.getLoggedIn是一个复合选择器，它的定义逻辑大概是这样：

// app/auth/reducers/index.ts
// 先定义一个选择器，从根状态中提取auth切片
export const getAuthState = createFeatureSelector<fromRoot.State, State>('auth');

// 再基于auth切片，提取loggedIn状态值
export const getLoggedIn = createSelector(
  getAuthState,
  (state: State) => state.loggedIn
);

当你调用store.pipe(select(fromAuth.getLoggedIn))时，select操作符会把整个根状态（fromRoot.State）传给这个选择器，它会先通过getAuthState定位到根状态里的auth切片，再从中取出loggedIn的值。

总结一下：根状态本身就包含auth切片，选择器会自动完成“根状态→auth切片→目标值”的定位，所以即使注入的是Store<fromRoot.State>，也能正常使用auth模块的选择器。

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