javascript - How can i ask a firestore request that depend on the first firebase response next.js

Question

I want to make a second cloud firestore query with the uid i receive in the first query but the second query won't wait the first response my code

  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);
  }

question from:https://stackoverflow.com/questions/65846028/how-can-i-ask-a-firestore-request-that-depend-on-the-first-firebase-response-nex

Answer 1

You can use it this way:

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);
  }
}

Edited:

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>;
}