redux-toolkit使用来自另一个thunk reducer的同一切片中的actionCreater

import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';

// 定义一个thunk action creator
const fetchUser = createAsyncThunk('users/fetchUser', async (userId, thunkAPI) => {
  const response = await fetch(`/api/users/${userId}`);
  return response.json();
});

// 创建一个切片(slice)
const userSlice = createSlice({
  name: 'users',
  initialState: { user: null, loading: false, error: null },
  reducers: {},
  extraReducers: (builder) => {
    builder
      .addCase(fetchUser.pending, (state) => {
        state.loading = true;
      })
      .addCase(fetchUser.fulfilled, (state, action) => {
        state.loading = false;
        state.user = action.payload;
      })
      .addCase(fetchUser.rejected, (state, action) => {
        state.loading = false;
        state.error = action.error.message;
      });
  },
});

// 导出reducer和action creators
export const { actions: userActions, reducer: userReducer } = userSlice;

// 在其他地方使用action creator
dispatch(fetchUser(userId));