无法在具有Redux的componentDidMount中接收异步响应

// 引入所需的Redux相关库和中间件
import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';

// 创建异步操作的action
const fetchData = () => {
  return dispatch => {
    // 发起异步请求
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        // 将响应数据存储到store中
        dispatch({ type: 'FETCH_DATA_SUCCESS', payload: data });
      })
      .catch(error => {
        // 处理错误情况
        dispatch({ type: 'FETCH_DATA_FAILURE', payload: error });
      });
  };
};

// 在组件的componentDidMount方法中触发异步操作的action
componentDidMount() {
  this.props.fetchData();
}

// Redux的reducer中处理action
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'FETCH_DATA_SUCCESS':
      return { ...state, data: action.payload };
    case 'FETCH_DATA_FAILURE':
      return { ...state, error: action.payload };
    default:
      return state;
  }
};

// 使用Redux的connect函数将store中的状态映射到组件的props中
const mapStateToProps = state => {
  return {
    data: state.data,
    error: state.error
  };
};

// 创建Redux store并应用中间件
const store = createStore(reducer, applyMiddleware(thunk));

// 导出组件连接Redux store
export default connect(mapStateToProps, { fetchData })(Component);