【问题标题】:Retrieve data from multiple documents from Firestore从 Firestore 的多个文档中检索数据
【发布时间】:2021-07-15 15:33:42
【问题描述】:

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

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

我真的需要你的帮助,拜托。 谢谢。

【问题讨论】:

标签: javascript google-cloud-firestore foreach data-retrieval


【解决方案1】:

snapshot 对象包含您集合中的所有 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() 的任何其他渲染方式,我使用了上面截图中分享的方式。先生,您能帮我详细说明一下吗?谢谢
  • 意思是我如何访问其他文档,比如有 id (RoKQBRcuaVfcGPKNswbx) 或 id (Y8KbSQHcuxctJCJ1lWYH),它只是自动检索最后一个 id (yHfK2wE6ZYRIL1dpoFRp) 的数据。
  • @saqibdiar 你想获取特定文档的数据吗?然后你可以这样做:db.collection("Policies List").document("yHfK2wE6ZYRIL1dpoFRp").get()
  • 是的,我也想要那个,但它不起作用,先生
  • @saqibdiar 请分享错误截图
猜你喜欢
  • 2018-05-13
  • 1970-01-01
  • 2018-04-21
  • 1970-01-01
  • 1970-01-01
  • 2021-04-08
  • 2020-07-04
  • 1970-01-01
  • 2021-05-13
相关资源
最近更新 更多