React Redux Toolkit如何在切片reducer中调用另一切片action修改状态

要在callApiSlice的extraReducers中触发slice1的setApiKey action，核心是利用Redux的dispatch机制，以下是两种可行实现方式：

方式一：在异步Thunk中触发目标Action（推荐） #

这种方式符合Redux最佳实践，将异步操作后的状态更新逻辑放在Thunk中处理，保持Reducer的纯函数特性，同时降低Slice间的耦合。

步骤1：导出slice1的Action Creators #

首先确保slice1导出自动生成的action creators：

const slice1 = createSlice({
  initialState,
  reducers: {
    login: (state) => {
      state.login = { email: 'email@gmail.com', api_keys: false};
    },
    setApiKey: (state) => {
      state.login.api_keys = true;
    },
  },
});

// 导出slice1的action creators
export const { login, setApiKey } = slice1.actions;
export default slice1.reducer;

步骤2：在callApi Thunk中dispatch setApiKey #

修改异步Thunk，在请求成功后调用thunkAPI.dispatch()触发setApiKey：

export const callApi = createAsyncThunk(
  "call-api",
  async (payload, thunkAPI) => {
    try {
      const res = await axios.post(`${process.env.REACT_APP_API_URL}/save`, payload);
      // 请求成功后触发slice1的setApiKey action
      thunkAPI.dispatch(setApiKey());
      return res.data;
    } catch (error) {
      return thunkAPI.rejectWithValue(error.response.data);
    }
  }
);

// callApiSlice的extraReducers仅处理自身状态（如果需要）
const callApiSlice = createSlice({
  name: "callApiSlice",
  initialState,
  reducers: {},
  extraReducers: (builder) => {
    builder.addCase(callApi.fulfilled, (state, action) => {
      // 这里只处理callApiSlice自身的状态更新，比如标记请求完成
      state.isLoading = false;
    });
  }
});

export default callApiSlice.reducer;

方式二：直接在extraReducers中修改目标Slice状态（不推荐） #

这种方式会让Slice间耦合严重，违反职责单一原则，仅作为备选方案：

如果你的Store结构中slice1的状态是全局state的一部分，你可以在callApiSlice的reducer中直接修改，但需要注意：Redux Toolkit的slice reducer默认只接收自身的state，直接修改全局state会破坏slice的独立性，且违反Immutable原则。

示例代码（不推荐）：

const callApiSlice = createSlice({
  name: "callApiSlice",
  initialState,
  reducers: {},
  extraReducers: (builder) => {
    builder.addCase(callApi.fulfilled, (state, action, { getState }) => {
      // 获取全局state并修改slice1的状态，不推荐这种写法
      const globalState = getState();
      globalState.slice1.login.api_keys = true;
    });
  }
});

总结：优先选择方式一，通过Thunk触发其他Slice的action，既符合Redux设计理念，也便于后续维护。

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