我如何詢問取決於第一個 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>;
}