useEffect 中是否需要 async/await？

【问题标题】：Is there any need of async/await in useEffect?useEffect 中是否需要 async/await？
【发布时间】：2021-08-09 00:17:48
【问题描述】：

我正在处理一个项目，并且正在使用 Firebase 的 Firestore 数据库。重新加载页面后，我想从数据库中获取数据。因此，即使没有异步等待，以下代码也可以正常工作。但是我研究过在调用 API/DATA 时我们需要 async/await，如果我错了，请帮助我？

useEffect(() => {
      db.collection('database_mcq').onSnapshot(snapshot => { setMcq(snapshot.docs.map(doc => doc.data())) })
      
  }, [])

【问题讨论】：

async/await 非常适用于具有所谓承诺的异步请求。由于您的代码不使用承诺，因此您不能在其中使用 async/await
这能回答你的问题吗？ React Hook Warnings for async function in useEffect: useEffect function must return a cleanup function or nothing
鉴于它的方式，它不是

【解决方案1】：

这不仅是不必要的，它也是forbidden - 如果你尝试使用异步函数，React 会抛出一个错误，因为从效果回调中唯一可以返回的应该是一个函数或者什么都没有（而不是承诺）。

相反，使用.then - 如果您使用标准 Promises - 或使用您正在使用的 API 提供的任何其他方法来与异步交互。在你的情况下，onSnapshot 正在履行这个角色 - 不需要做任何其他特别的事情。

即使在标准 JavaScript 中，也没有要求使用async/await，因为它只是.then 的语法糖。

【讨论】：