能否在Redux Toolkit的extraReducers中调用dispatch派发其他Slice的action？

首先明确：你不能直接在extraReducers的reducer函数内部调用dispatch。Redux的reducer必须是纯函数，只能接收当前state和action，返回新的state，不能包含任何副作用（包括派发新的action、异步操作等）。

不过你可以通过以下几种方式实现“根据asyncThunk的执行结果派发其他action”的需求：

方案1：在asyncThunk内部调用dispatch #

createAsyncThunk允许你在thunk函数中获取dispatch参数，所以可以直接在fetchTodos的逻辑里，当请求成功/失败时派发另一个slice的action。

示例代码：

// 假设另一个slice的action是otherSlice.actions.updateSomeState
import { otherSlice } from './otherSlice';

export const fetchTodos = createAsyncThunk(
  'todos/fetchTodos',
  async (_, { dispatch }) => {
    try {
      const response = await api.get('/todos');
      // 请求成功后派发另一个action
      dispatch(otherSlice.actions.updateSomeState(response.data));
      return response.data;
    } catch (error) {
      // 请求失败时也可以派发错误相关的action
      dispatch(otherSlice.actions.setError(error.message));
      throw error;
    }
  }
);

这样，当fetchTodos执行完成时，会自动触发另一个slice的状态更新，不需要在extraReducers里处理。

方案2：在调用asyncThunk的地方处理结果 #

如果你不想把跨slice的逻辑放在thunk内部，可以在组件或者其他调用fetchTodos的地方，通过Promise链式调用或者async/await处理结果，然后派发对应的action。

示例代码（组件中）：

import { useDispatch } from 'react-redux';
import { fetchTodos } from './todosSlice';
import { otherSlice } from './otherSlice';

function TodosComponent() {
  const dispatch = useDispatch();

  const handleFetchTodos = async () => {
    try {
      const result = await dispatch(fetchTodos());
      if (fetchTodos.fulfilled.match(result)) {
        // 请求成功，派发另一个action
        dispatch(otherSlice.actions.updateSomeState(result.payload));
      }
    } catch (error) {
      // 请求失败，派发错误action
      dispatch(otherSlice.actions.setError(error.message));
    }
  };

  return <button onClick={handleFetchTodos}>获取 todos</button>;
}

方案3：使用RTK Query（数据获取场景） #

如果你的核心需求是数据获取与缓存，Redux Toolkit内置的RTK Query可以更优雅地处理这类场景。它支持通过onQueryStarted选项，在查询完成后触发额外逻辑，比如更新其他slice的状态。

为什么不能在extraReducers里直接dispatch？ #

Redux的设计原则要求reducer必须是纯函数，确保状态更新可预测、可追踪。若在reducer中调用dispatch，会导致状态更新流程混乱，难以调试维护，甚至可能引发无限循环。

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