问题描述
1.小编在开发中,在项目封装获取数据字典的公共方法,使用的ajax使用到promise方法。遇到return回去的拿不到所想要的值,而是拿到的是promise的pending状态,而我想要的是拿到promise的pormiseresult。
2.我所封装的函数
const dictList = async () => {
if (!key) return;
let result = [];
const res = await AjaxProxy.post("upload/trans?up=='1' ")
if (res.code == constant.SUCCESS_REQUEIRE) {
result = res?.busiData?.resultData.map(item => {
return { key: item.dicCode, value: item.dicExplain }
})
return result;
}
}
3.直接获取时获取到的值是这样的
console.log(dictList() , '111')
结果如下图:
4.查了资料才知道,若需要获取pending状态下的promiseresult需要再加一层.then去获取里面的resolve值,再将值赋值给你所需要的变量
调整之后如下
dictList().then((res) => {
setStateList(res);
console.log(res, 'res')
});
获取的值如下:
总结
在使用promise的使用上要特别注意同步异步问题,即使使用了async和await后仍然可能获取到promise的pending状态,也就是return一个resolve。若真获取到pending状态时,可再用。then再嵌套一层去获取res。