如何等待从typescript中的另一个thunk调用时执行承诺的redux thunk
如何等待从typescript中的另一个thunk调用时执行承诺的redux thunk
提问于 2019-05-03 21:04:09
我有一个主要的thunk，当点击一个按钮时会被执行。在这个thunk中，我想调用另一个thunk，等待它完成后再继续。第二个thunk使用嵌套的promise来执行promise。然而，我还不知道如何等待第二个thunk完成它的异步操作。
我尝试在我的thunk中使用return关键字来使调用同步。我不能使用async关键字，因为我需要它在IE 11中工作。
我也尝试过让我的第二个thunk返回一个promise，然后做一些像这样的dispatch(secondThunk()).then(...)，但是它显示我的thunk实际上并没有返回promise。
下面是我的一些代码：
export function mainThunk(): ThunkAction<void, void, void, AnyAction> {
return (dispatch: Dispatch<any>) => {
...do some stuff
dispatch(secondThunk());
...do other stuff
};
}
export function secondThunk(): ThunkAction<void, void, void, AnyAction> {
return (dispatch: Dispatch<any>) => {
return new Promise((resolve: any, reject: any) => {
someAsyncFunction()
.then((response) => {
return Promise.all(someArray.map(someId => {
return someOtherAsyncFunction(someId):
}));
})
.then((responses) => {
response.foreach(response => {
dispatch(someReduxAction(response.someField));
});
})
.then(() => {
resolve();
});
});
};
}当我运行我的代码时，mainThunk在执行之前并没有等待secondThunk完成。你能帮我弄清楚怎么做吗？
回答 1
Stack Overflow用户
发布于 2019-05-04 09:57:40
你就快到了。在您的mainThunk函数中，您需要等待promise解析或拒绝。我已经用Javascript而不是Typescript写了我的演示。然而，这些原则是相同的。Code-sandbox here
import axios from "axios";
function mainThunk() {
secondThunk()
.then(data => {
console.log("success");
console.log(data);
})
.catch(e => {
console.log("something went wrong");
console.log(e);
});
}
function secondThunk() {
return new Promise((resolve, reject) => {
axios
.get("https://swapi.co/api/people/")
.then(people => {
someOtherAsyncFunction().then(planets => {
const response = {
planets: planets,
people: people
};
resolve(response);
});
})
.catch(e => {
reject(e);
});
});
}
function someOtherAsyncFunction() {
return axios.get("https://swapi.co/api/planets/").then(response => {
return response;
});
}
mainThunk();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55977098
复制相关文章
相似问题
javascript - redux thunk不等待任何承诺
使用Typescript的Redux Thunk
如何添加‘`redux thunk`’和‘`redux承诺’？
React Redux-Thunk with Typescript
Redux thunk:从出动行动中返回承诺
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
