
react 中 promise 异步函数中的大括号用途
在 react 组件中使用 promise 时,异步函数的写法会对结果产生不同的影响,影响的根源在于函数是否使用大括号。
第一种写法:正确(不加函数大括号)
const getdata = async () => {
...
return {...};
};
useeffect(() => {
currentref.current = {
get: () =>
new promise((resolve) => {
getdata().then((res) => {
...
resolve({...})
}).catch((error) => {...});
}),
};
}, []);解析:
使用箭头函数并立即返回 promise,使得 promise 可以作为 get 函数的返回值被外部使用。
第二种写法:错误(加函数大括号)
const getData = async () => {
...
return {...};
};
useEffect(() => {
currentRef.current = {
get: () => {
new Promise((resolve) => {
...
resolve({...})
}).catch((error) => {...});
},
};
}, []);解析:
使用了函数大括号,导致 promise 被定义在函数内,无法被外部访问。
因此,在 react 组件中,异步函数中使用大括号时,promise 会被限制在函数内部,无法作为返回值。如果不使用大括号,则可以正常返回 promise。










