在react中使用ajax,如何在React redux中使用ajax调用加载初始数据集？

您应该使用

redux-thunk中间件,它允许您分派异步操作和

fetch库(例如)以下载您的初始数据.

所以：

1)创建一个获取数据的动作,例如：

export function fetchData() {

const options = {

method: 'GET',headers: {

'Authorization': 'Client-ID xx' // if theres any needed

}

}

return (dispatch) => {

return fetch('yourUrl.json',options)

.then(response => response.json())

.then(data => dispatch(receiveYourData(data)))

.catch(err => console.log(err));

}

}

receiveYourData是一个将数据置于您的状态的操作,例如：

export function receiveYourData (payload = []) {

return {

type: RECEIVE_DATA,payload: payload

}

}

当然,您必须编写动作处理程序,在分派动作后,将把数据置于您的状态.

如果您有自己的设置(类似于上面的内容),您应该在componentDidMount生命周期方法中调度fetchData(当然是其中一个选项:)).

如果你不知道如何做特定的部件,你可以参考这个Example.