[英]Awaiting for an async action creator to update the state inside another action creator
我有一个动作创建者,它执行异步请求并更新状态(使用 react-redux 中间件):
export function requestA() {
return function (dispatch) {
dispatch(startRequest())
return Service.getA().then(
data => dispatch(receivedA(data)),
error => console.log("An error occurred.", error)
)
}
}
这很好用。 现在我想创建另一个动作创建者,它将使用requestA()
动作创建者,并将调用另一个异步请求。
export function requestB() {
return function (dispatch, getState) {
dispatch(requestA()) // <--- How to await for this ???
let A_data = getState().A_data;
return Service.getB(A_data).then(
data => dispatch(receivedB(data)),
error => console.log("An error occurred.", error)
)
}
}
有没有办法让我在继续运行其余函数之前等待dispatch(requestA())
完成? 在继续下一个请求之前,我需要更新状态。
注意我知道我可以通过在我的动作创建者中调用 2 个请求来做到这一点,但我想知道我是否可以通过调用dispatch(requestA())
来做到这一点,因为它的逻辑已经设置好了。
您只需要使用await
async
关键字await
调用函数完成:
export function requestA() {
return async function (dispatch) {
dispatch(startRequest())
await Service.getA().then(
data => dispatch(receivedA(data)),
error => console.log("An error occurred.", error)
)
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.