在redux thunk中捕获

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

// 定义一个异步的action
export const fetchData = createAsyncThunk(
  'data/fetchData',
  async (params, thunkAPI) => {
    try {
      const response = await fetch('https://api.example.com/data');
      const data = await response.json();
      return data;
    } catch (error) {
      // 在这里捕获错误并进行处理
      console.error('Error fetching data:', error);
      throw error; // 抛出错误，以便后续处理
    }
  }
);

// 在reducer中处理异步action的状态
const dataSlice = createSlice({
  name: 'data',
  initialState: {
    loading: false,
    error: null,
    data: null,
  },
  reducers: {},
  extraReducers: (builder) => {
    builder
      .addCase(fetchData.pending, (state) => {
        state.loading = true;
        state.error = null;
        state.data = null;
      })
      .addCase(fetchData.fulfilled, (state, action) => {
        state.loading = false;
        state.data = action.payload;
      })
      .addCase(fetchData.rejected, (state, action) => {
        state.loading = false;
        state.error = action.error.message;
      });
  },
});