从Api获取React Redux initialState

import { createStore } from 'redux';
import { Provider } from 'react-redux';
import axios from 'axios';

// 定义Redux的初始状态
const initialState = {
  data: null,
  loading: true,
  error: null
};

// 定义Redux的reducer函数
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'FETCH_DATA_SUCCESS':
      return {
        ...state,
        data: action.payload,
        loading: false,
        error: null
      };
    case 'FETCH_DATA_FAILURE':
      return {
        ...state,
        data: null,
        loading: false,
        error: action.payload
      };
    default:
      return state;
  }
};

// 发起API请求并获取数据
axios.get('https://api.example.com/data')
  .then(response => {
    // 请求成功，将数据传递给Redux的store
    store.dispatch({ type: 'FETCH_DATA_SUCCESS', payload: response.data });
  })
  .catch(error => {
    // 请求失败，将错误信息传递给Redux的store
    store.dispatch({ type: 'FETCH_DATA_FAILURE', payload: error.message });
  });

// 创建Redux的store
const store = createStore(reducer);

// 在应用的根组件中使用Provider包裹，将store传递给应用
const App = () => (
  <Provider store={store}>
    {/* 应用的其他组件 */}
  </Provider>
);