React — 如何在 Redux 中发起 AJAX 请求?

可以使用redux-thunk中间件,它允许您定义异步操作。

//使用fetch API将特定帐户作为 AJAX 调用获取:
export function fetchAccount(id) {
return dispatch => { dispatch(setLoadingAccountState()) // Show a loading spinner fetch(`/account/${id}`, (response) => { dispatch(doneFetchingAccount()) // Hide loading spinner if (response.status === 200) { dispatch(setAccount(response.json)) // Use a normal function to set the received state } else { dispatch(someError) } }) } } function setAccount(data) { return { type: 'SET_Account', data: data } }

 

posted on 2024-05-09 09:35  萬事順意  阅读(21)  评论(0编辑  收藏  举报