React+Redux多次dispatch后无法获取更新状态，categoryList为空

咱们先拆解下你遇到的核心问题：你的fetchCategory action creator对setLoader的调用逻辑有误，同时还有几个细节可能导致你拿不到更新后的categoryList，一步步来修正：

1. 修复setLoader的调用逻辑 #

你现在把setLoader作为参数传给fetchCategory，但setLoader本身是个thunk action creator，必须通过dispatch触发才能更新Redux状态。而且你已经通过connect把setLoader注入到组件了，完全不需要额外传参，直接在fetchCategory里用dispatch调用它就行。

修改后的fetchCategory代码：

export const fetchCategory = () => async dispatch => {
  // 直接dispatch setLoader来开启加载状态
  dispatch(setLoader(true));
  try {
    const instance = axios.create();
    instance.defaults.headers.common['Authorization'] = AUTHORIZATION_TOKEN;
    const response = await instance.get(API_PATHS.SERVICE_CATEGORY_API);
    dispatch({ type: FETCH_CATEGORY, payload: response.data });
    // 请求成功后别忘了关闭加载状态
    dispatch(setLoader(false));
  } catch (e) {
    console.error('分类数据请求失败:', e);
    dispatch(setLoader(false));
  }
};

2. 调整组件调用fetchCategory的方式 #

之前你可能是这么调用的：

this.props.fetchCategory(this.props.setLoader);

现在改成直接调用，不需要传任何参数：

this.props.fetchCategory();

3. 排查categoryList为空的其他潜在原因 #

如果修改后还是拿不到数据，你需要检查这几点：

• API返回是否正常：在fetchCategory里加个console.log(response.data)，确认接口确实返回了预期的分类数据。
• Redux Store结构是否匹配：你的mapStateToProps用了state.locator.categoryList，要确认你的reducer是挂载在store的locator键下的。比如创建store的代码应该类似这样：

  import { combineReducers } from 'redux';
  import locatorReducer from './你的reducer文件路径';
  
  const rootReducer = combineReducers({
    locator: locatorReducer
  });
  

• INITIAL_STATE默认值：检查你的INITIAL_STATE里categoryList是不是初始化为空数组，如果API返回正常，dispatch后会覆盖这个默认值。

4. 注意状态更新的异步特性 #

Redux的状态更新是异步的，如果你在调用fetchCategory后立刻去读取categoryList，拿到的还是旧值。比如别这么写：

this.props.fetchCategory();
console.log(this.props.categoryList); // 这里还是初始的空数组

正确的做法是监听categoryList的变化：

// 类组件用componentDidUpdate
componentDidUpdate(prevProps) {
  if (prevProps.categoryList !== this.props.categoryList) {
    console.log('更新后的分类列表:', this.props.categoryList);
    // 在这里处理更新后的数据
  }
}

// 函数组件用useEffect
useEffect(() => {
  console.log('更新后的分类列表:', categoryList);
}, [categoryList]);

这样调整后，应该就能正常获取到第二个dispatch后的categoryList状态了。

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