如何在使用效果中设计多个等待[重复]答案

【问题标题】：how to design multiple await in useeffect [duplicate]如何在使用效果中设计多个等待[重复]
【发布时间】：2022-01-01 17:51:45
【问题描述】：

我想从 firebase 获取数据。第一个 await 函数从数据库中获取 VALUE，第二个 await 函数正在获取数据，其对象值小于或大于 VALUE。如何告诉javascript何时完成第一个await函数然后开始执行第二个第二个await函数？

React.useEffect(() => {
      const catchValue = async () => {}
      const catchDatabyValue = async () => {}

}, []);

【问题讨论】：

我猜你想“链接”异步函数。不等待。。这回答了你的问题了吗？ Chain async functions

标签： javascript reactjs react-native react-hooks

【解决方案1】：

将函数调用封装在 async 函数中，并在 await 中封装调用它们的结果。

useEffect(() => {
  async function getData() {
    const value = await catchValue();
    const data = await catchDatabyValue(value);
  }
  getData();
}, []);

【讨论】：