问题描述
我尝试了很多次,但仍然无法从多个文档中检索数据,下面的屏幕截图显示我的集合中有 3 个文档,我的问题是如何从每个文档中检索数据。
我使用 foreach 循环遍历所有文档,但我不知道如何从 id RoKQBRcuaVfcGPKNswbx 或 id Y8KbSQHcuxctJCJ1lWYH 检索数据,因为它会自动检索最后一个ID。
我真的需要你的帮助,拜托了。 谢谢。
解决方法
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
代码。
请确保在控制台中查看日志。它们将有助于更好地理解结构。