使用Cloud Firestore获取整个馆藏的实时更新

Question

I tried following this SO but I'm still unable to log the data.

Question: How do I unwrap the data of all docs of a collection?

Snippet:

return await db.collection("articles")
    .onSnapshot((docs) => {
      console.log("Docs data: ", docs.map(doc => doc.data()); // wont work
    });

Answer 1

When you listen to an entire collection, you get a QuerySnapshot . You need to loop over that to get the individual documents:

return await db.collection("articles")
    .onSnapshot((querySnapshot) => {
      querySnapshot.forEach((doc) => {
        console.log("Docs data: ", doc.data());
      })
    });

---

Update I now see that you're accessing docs as if it's an array. The document array is in a docs property under the query snapshot, so:

return await db.collection("articles")
    .onSnapshot((querySnapshot) => {
      console.log("Docs data: ", querySnapshot.docs.map(doc => doc.data()); 
    })