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。
以上就是React 中 promise 异步函数的大括号为何影响返回值？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1497748.html
微信扫一扫 
支付宝扫一扫 
