使用 firebase javasscript SDK v9 從帶有 collectionGroup 的用戶集合中的子集合中獲取帖子

Question

我在這里做錯了什么？ 帖子狀態類型返回未定義

錯誤：

類型錯誤：無法讀取未定義的屬性（讀取“地圖”）

從 Firestore 獲取帖子子集合：

const [posts, setPosts] = useState([]);

useEffect(async () => {
  const querySnapshot = await getDocs(
    query(collectionGroup(db, "posts"), orderBy("createdAt", "desc"))
  );
  setPosts(querySnapshot.forEach((doc) => doc.data()));
}, []);

插入帖子數據：

<ScrollView>
  {posts.map((post, i) => (
    <Post post={post} key={i} />
  ))}
</ScrollView>;

Answer 1

您不能直接將useEffect掛鈎設為async 。 為此，您需要創建一個async方法並在useEffect hook調用該方法。

這是示例代碼，可以幫助您

const [posts, setPosts] = useState([]);

useEffect(() => {
  const getData = async () => {
    const querySnapshot = await getDocs(
      query(collectionGroup(db, "posts"), orderBy("createdAt", "desc"))
    );
    setPosts(querySnapshot.forEach((doc) => doc.data()));
  };
  getData();
}, []);
...