使用createAsyncThunk拒绝的操作测试reducer

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

// 创建一个异步的thunk action
const fetchUser = createAsyncThunk(
  'user/fetchUser',
  async (userId, thunkAPI) => {
    try {
      const response = await fetch(`/api/users/${userId}`);
      const data = await response.json();
      return data;
    } catch (error) {
      // 模拟一个被拒绝的操作
      return thunkAPI.rejectWithValue({ error: '请求失败' });
    }
  }
);

// 创建slice
const userSlice = createSlice({
  name: 'user',
  initialState: { data: 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.data = action.payload;
      })
      .addCase(fetchUser.rejected, (state, action) => {
        state.loading = false;
        state.error = action.payload.error;
      });
  },
});

// 导出thunk action和reducer
export { fetchUser };
export default userSlice.reducer;