提供纯对象时React Redux同步操作返回错误

// 安装Redux Thunk中间件
npm install redux-thunk

// 导入所需的库和action类型
import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';

// 创建action类型
const FETCH_DATA_SUCCESS = 'FETCH_DATA_SUCCESS';

// 创建action创建函数
const fetchDataSuccess = (data) => ({
  type: FETCH_DATA_SUCCESS,
  payload: data
});

// 创建异步操作的action创建函数
const fetchData = () => {
  return (dispatch) => {
    // 在这里进行异步操作，比如发起网络请求
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        // 异步操作完成后，使用dispatch分发同步操作的action
        dispatch(fetchDataSuccess(data));
      })
      .catch(error => {
        // 处理错误情况
        console.error('Error:', error);
      });
  };
};

// 创建reducer函数
const reducer = (state = {}, action) => {
  switch (action.type) {
    case FETCH_DATA_SUCCESS:
      return {
        ...state,
        data: action.payload
      };
    default:
      return state;
  }
};

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

// 在组件中使用异步操作的action创建函数
store.dispatch(fetchData());