Reducer中能否调用Selector？调用时出现loading未定义错误求排查

嘿，我来帮你拆解下这个问题的根源，以及怎么解决它~

首先，你遇到的"can't read 'loading' of undefined"错误，核心原因是Reducer里的state和Selector期望的state不是一回事：

• 你的getIsLoading selector是基于getState（也就是createFeatureSelector<State>('feature')）构建的，它需要接收整个Redux store的根state，然后从中提取feature这个切片，再获取loading属性。
• 但在Reducer里调用getIsLoading(state)时，这里的state是当前Reducer管理的局部state（也就是根state里的feature部分）。当你把这个局部state传给getIsLoading时，getState会尝试从这个局部state里找feature属性——显然找不到，所以返回undefined，后续访问state.loading自然就报错了。

为什么不能在Reducer里这么用？ #

Selector的设计初衷是用来从根state中提取和组合数据，通常在组件、异步逻辑（比如thunk/saga）里使用。而Reducer的职责是接收当前的局部state和action，返回新的局部state，它不需要依赖根state的结构，直接操作自己管理的切片即可。

解决办法 #

这里有两种简单的修复方式：

1. 直接访问局部state的属性（最推荐）

既然在Reducer里已经拿到了当前的局部state，完全不需要调用Selector，直接用state.loading就能拿到你要的值：

case ActionTypes.ACTION: {
  const loading = state.loading; // 直接访问局部state的loading属性
  return {
    ...state, // 一定要用展开运算符保留原来的所有属性，避免丢失其他状态
    attribute1: false,
    attribute2: action.payload,
  }
}

⚠️ 注意：你之前返回的新state只包含attribute1和attribute2，这会把原来的loading等其他属性全部丢掉，这也是一个潜在问题，一定要用...state来保留原有状态。

2. 抽离复用的逻辑（如果需要复用判断逻辑）

如果你想在多个地方复用“获取loading”的逻辑，可以把Selector里的核心逻辑抽成一个独立函数，既可以给Selector用，也能在Reducer里调用：

// 抽离独立的逻辑函数，接收局部的feature state
const getLoadingFromFeatureState = (featureState: State) => featureState.loading;

// 原来的Selector复用这个函数
export const getIsLoading = createSelector(
  getState,
  getLoadingFromFeatureState
);

// 在Reducer里调用这个抽离的函数
case ActionTypes.ACTION: {
  const loading = getLoadingFromFeatureState(state); // 这里的state是局部的feature state，完全匹配
  return {
    ...state,
    attribute1: false,
    attribute2: action.payload,
  }
}

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