如何在redux中拒绝fetch promise

npm install redux-thunk

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from './reducers';

const store = createStore(rootReducer, applyMiddleware(thunk));

export const fetchData = () => {
  return dispatch => {
    fetch('https://api.example.com/data')
      .then(response => {
        if (!response.ok) {
          throw new Error('Fetch failed');
        }
        return response.json();
      })
      .then(data => {
        dispatch({ type: 'FETCH_SUCCESS', payload: data });
      })
      .catch(error => {
        dispatch({ type: 'FETCH_FAILURE', payload: error.message });
      });
  };
};

const initialState = {
  data: null,
  error: null
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'FETCH_SUCCESS':
      return {
        ...state,
        data: action.payload,
        error: null
      };
    case 'FETCH_FAILURE':
      return {
        ...state,
        data: null,
        error: action.payload
      };
    default:
      return state;
  }
};