Javascript 从Firestore检索多个文档中的数据

Javascript 从Firestore检索多个文档中的数据,javascript,google-cloud-firestore,foreach,data-retrieval,Javascript,Google Cloud Firestore,Foreach,Data Retrieval,我尝试了很多次,但仍然无法从多个文档中检索数据,下面的屏幕截图显示我的收藏中有3个文档,我的问题是如何从每个文档中检索数据 我使用foreach循环遍历所有文档,但我不知道如何从idRoKQBRcuaVfcGPKNswbx或idy8kbsqhcuxctjj1lwyh检索数据,因为它自动检索最后一个id的数据 我真的需要你的帮助。 谢谢。快照对象包含您收藏的所有3个文档。您必须迭代所有数据并将数据呈现到HTML中,如下所述 db.collection("Policies List&q

我尝试了很多次,但仍然无法从多个文档中检索数据,下面的屏幕截图显示我的收藏中有3个文档,我的问题是如何从每个文档中检索数据

我使用foreach循环遍历所有文档,但我不知道如何从idRoKQBRcuaVfcGPKNswbx或idy8kbsqhcuxctjj1lwyh检索数据,因为它自动检索最后一个id的数据

我真的需要你的帮助。
谢谢。

快照对象包含您收藏的所有3个文档。您必须迭代所有数据并将数据呈现到HTML中,如下所述

db.collection("Policies List").get().then((snapshot) => {
  const documents = snapshot.docs //array of documents
  documents.forEach((doc) => {
    const docData = doc.data() //Data of that single document
    console.log(docData)
    renderToHtml() // Code that creates new HTML elements
  })
})
这样,您就可以为集合中的所有文档创建新的HTML元素。
renderToHtml()
函数将包含
.innerHTML
代码。
请确保在控制台中查看日志。它们将有助于更好地理解结构。

请阅读并回答您的问题,将代码和数据作为文本,而不是图像。非常感谢您的回答,先生,我无法理解任何其他渲染方式,如您所说的使用renderToHtml(),我使用了上面截图中分享的方式。先生,你能帮我详细说明一下吗。Thanksmean我如何访问id(RoKQBRcuaVfcGPKNswbx)或id(y8kbsqhcuxctjcjj1lwyh)等其他文档,它只是自动检索最后一个id(yHfK2wE6ZYRIL1dpoFRp)的数据。@saqibdiar是否要获取特定文档的数据?然后您可以这样做:
db.collection(“Policies List”).document(“yHfK2wE6ZYRIL1dpoFRp”).get()
是的,我也想这样做,但它不起作用sir@saqibdiar请分享错误的截图