如何在ajax调用后设置redux store？

在ajax调用后设置Redux store的方法是通过使用Redux中间件来处理异步操作。以下是一个示例步骤：

首先，确保你已经安装了Redux和相关的中间件，比如redux-thunk或redux-saga。
在Redux store的创建过程中，将中间件应用到store中。例如，使用redux-thunk中间件的示例代码如下：

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

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

创建一个异步的action creator函数，用于处理ajax调用并更新store。这个函数可以使用axios、fetch或其他ajax库来进行网络请求。在请求成功后，将获取到的数据作为payload传递给对应的Redux action，并通过dispatch方法将action发送到store。

import axios from 'axios';

export const fetchData = () => {
  return dispatch => {
    axios.get('https://api.example.com/data')
      .then(response => {
        dispatch({ type: 'FETCH_DATA_SUCCESS', payload: response.data });
      })
      .catch(error => {
        dispatch({ type: 'FETCH_DATA_FAILURE', payload: error.message });
      });
  };
};

在组件中使用connect函数将store中的state和action绑定到组件的props上，并在组件中调用异步action creator函数。

import React, { useEffect } from 'react';
import { connect } from 'react-redux';
import { fetchData } from './actions';

const MyComponent = ({ data, fetchData }) => {
  useEffect(() => {
    fetchData();
  }, []);

  return (
    <div>
      {/* 在组件中使用获取到的数据 */}
      {data.map(item => (
        <div key={item.id}>{item.name}</div>
      ))}
    </div>
  );
};

const mapStateToProps = state => ({
  data: state.data
});

export default connect(mapStateToProps, { fetchData })(MyComponent);

在上述示例中，通过调用fetchData函数来触发ajax请求，并将获取到的数据存储在Redux store中的data属性中。组件通过connect函数连接到store，并将data属性映射到组件的props上，以便在组件中使用。

这是一个简单的示例，你可以根据具体的业务需求和使用的中间件进行相应的调整。关于Redux的更多信息和用法，请参考Redux官方文档：Redux官方文档。