有誰知道，為什么我不能從 firebase 集合中獲取所有文檔？

Question

這個例子只給我帶來了集合（“socios”）中的一個文檔。 有沒有人解釋我做錯了什么？？？？

  useEffect(() => {
    const consulta = async () => {
      const db = firebase.firestore();
      const querySnapshot = await getDocs(collection(db,"socios"));
      querySnapshot.forEach((doc) => {
        console.log("ESTO ES DOCDATA", doc.data())
        setQuery(doc.data());
      });
    };
    consulta();
  }, []);

Answer 1

問題很可能出在這里：

每次調用setQuery時， doc.data()覆蓋您在該狀態變量中的任何先前值。

要保留所有值，請執行以下操作：

let docs = querySnapshot.docs.map((doc) => doc.data());
setQuery(docs);

所以現在我們將所有文檔的數據放在一個數組中，然后將該數組傳遞給setQuery 。 這當然意味着您的 UI 組件也必須能夠呈現數組。