useEffect中怎么使用async/await
1、useEffect中的第一个回调参数返回的是一个clean-up函数,所以不能返回promise对象,更不能直接使用async/await,否则会报错;
2、可以在回调参数中使用async/await:
方法一:使用自执行函数
useEffect(()=>{
// 使用自执行函数 IIFE
(async function fn(){
await otherFn();
})()
},[])
方法二:在useEffect的回调参数内部定义一个async函数:
useEffect(()=>{
const fn=async ()=>{
// do something
await otherFn()
}
fn()
},[])
方法三:在useEffect外部定义async函数,在回调参数中去执行:
const fn=async ()=>{
// do something
await otherFn()
}
useEffect(()=>{
fn()
},[])
参考地址:https://blog.csdn.net/qq_33988065/article/details/115554178