我如何询问取决于第一个 firebase 响应 next.js 的 firestore 请求

Question

我想使用我在第一个查询中收到的 uid 进行第二个 Cloud Firestore 查询，但第二个查询不会等待我的代码的第一个响应

  var {data} = useSWR('/api/report', fetcher);
  var userData = [];
  for (var i = 0; i <= data ? data.length : null; i++) {
  var id = data ? data[i].uid : null;
  userData.push(useSWR(data ? '/api/${id}' : null, fetcher).data)
  console.log(data, id, userData);
  }

Answer 1

你可以这样使用它：

async function doFunc(){
  var {data} = await useSWR('/api/report', fetcher);
  var userData = [];
  for (var i = 0; i <= data ? data.length : null; i++) {
    var id = data ? data[i].uid : null;
    userData.push(await useSWR(data ? '/api/${id}' : null, fetcher).data)
    console.log(data, id, userData);
  }
}

已编辑：

import React, { useState } from "react";

export default function Home() {
  const [firstTime, setFirstTime] = useState(false);
  React.useEffect(async () => {
    if (!firstTime) {
      var { data } = await React.useSWR("/api/report", fetcher);
      var userData = [];
      for (var i = 0; i <= data ? data.length : null; i++) {
        var id = data ? data[i].uid : null;
        userData.push(
          await React.useSWR(data ? "/api/${id}" : null, fetcher).data
        );
        console.log(data, id, userData);
      }
      setFirstTime(true);
    }
  }, [firstTime]);

  return <div></div>;
}