React 中 promise 异步函数的大括号为何影响返回值？

知识点掌握了，还需要不断练习才能熟练运用。下面golang学习网给大家带来一个文章开发实战，手把手教大家学习《React 中 promise 异步函数的大括号为何影响返回值？》，在实现功能的过程中也带大家重新温习相关知识点，温故而知新，回头看看说不定又有不一样的感悟！

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 异步函数的大括号为何影响返回值？》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！