CreateAsyncThunk预期返回值

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

// 创建异步action
export const fetchUser = createAsyncThunk('user/fetchUser', async (userId, thunkAPI) => {
  try {
    const response = await fetch(`/api/users/${userId}`);
    const user = await response.json();
    return user;
  } catch (error) {
    // 异常处理，可以使用thunkAPI触发其他action
    thunkAPI.dispatch(someErrorAction(error.message));
    throw error;
  }
});

// 在reducers中处理异步action的结果
const userSlice = createSlice({
  name: 'user',
  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;
      });
  }
});