Redux-saga不会等待api调用解决，而是不断返回承诺。如何在api调用时进行"yeild call“等待？
Redux-saga不会等待api调用解决，而是不断返回承诺。如何在api调用时进行"yeild call“等待？
提问于 2020-07-20 19:50:03
在这里我发出了API请求：
function* search(value){
// return new Promise(async (resolve, reject)=>{
// try {
// const res = await axios.get(`https://www.breakingbadapi.com/api/characters?name=${value}`)
// console.log(res.data)
// resolve(res.data)
// } catch (error) {
// reject(error)
// }
// })
return axios.get(`https://www.breakingbadapi.com/api/characters?name=${value}`)
.then(res=>{
console.log(res.data)
})
.catch(err=>{
// console.log(err)
})
}在这里我调用这个函数来获取结果并将其放入状态：
function* startSearch(value){
try {
yield put({type:'loading'})
const person = yield call(search, value)
console.log("SAGA",person)
yield put({type:'success', payload:person})
} catch (error) {
yield put({type:'failure'})
}
}正如您所看到的，我已经尝试将api调用包装在promise和典型的.then .catch中。无论如何，我让控制台记录一个promise，并且没有任何类型的对象按照预期存储在状态中。根据文档，如果返回一个promise，seem调用应该会暂停生成器，但这似乎并没有发生。
编辑:这就是为什么你需要远离屏幕的原因。我所需要做的就是从搜索函数中删除"*“。超级简单。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-07-20 19:53:31
看起来很简单。您所需要做的就是将promise生成函数调用包装在它自己的函数中，然后您就可以使用Redux-Saga的call()调用它了。
我认为你只需要让你的search函数成为一个常规函数，而不是一个生成器函数。(删除*)
function search(url) {
return axios({ url })
.then(response => response.data)
.catch(err => {
log.error(err);
});
}
function* startSearch() {
const response = yield call(search, downloadURL);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63002822
复制相关文章
![【windows屏幕扩展】把你多余屏幕利用起来，spacedesk屏幕扩展超低延迟解决方案[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/a0bbce453c9b8efcf337dc6eedfaa7e5.png)
点击加载更多
相似问题
拒绝用户“root”的docker phppyadmin容器访问
拒绝用户“root”Mysql容器的访问
podman容器MySQL容器-拒绝用户'root'@'localhost‘的访问
运行docker容器非root用户权限被拒绝
Docker容器(Kubernetes)：拒绝Mysql用户访问
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
