从 Firestore 的多个文档中检索数据
Retrieve data from multiple documents from Firestore
我尝试了很多次,但仍然无法从多个文档中检索数据,下面的屏幕截图显示我的集合中有 3 个文档,我的问题是如何从每个文档中检索数据。
我使用 foreach 循环遍历所有文档,但我不知道如何从 id RoKQBRcuaVfcGPKNswbx 或 id Y8KbSQHcuxctJCJ1lWYH[=24= 检索数据] 因为它会自动检索最后一个id的数据。
我真的需要你的帮助。
谢谢。
snapshot
object 包含您 collection 中的所有 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
})
})
这样您就可以为 collection 中的所有文档创建新的 HTML 元素。 renderToHtml()
函数将包含 .innerHTML
代码。
请确保在控制台中查看日志。他们将有助于更好地理解结构。
我尝试了很多次,但仍然无法从多个文档中检索数据,下面的屏幕截图显示我的集合中有 3 个文档,我的问题是如何从每个文档中检索数据。
我使用 foreach 循环遍历所有文档,但我不知道如何从 id RoKQBRcuaVfcGPKNswbx 或 id Y8KbSQHcuxctJCJ1lWYH[=24= 检索数据] 因为它会自动检索最后一个id的数据。
我真的需要你的帮助。 谢谢。
snapshot
object 包含您 collection 中的所有 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
})
})
这样您就可以为 collection 中的所有文档创建新的 HTML 元素。 renderToHtml()
函数将包含 .innerHTML
代码。
请确保在控制台中查看日志。他们将有助于更好地理解结构。