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 异步函数的大括号为何影响返回值？的详细内容，更多请关注硕下网其它相关文章！