ReactJS中如何从Firestore集合内读取文档的属性字段？

错误原因 #

遍历result.docs得到的每一项是Firestore的QueryDocumentSnapshot实例，不是直接存储字段数据的普通对象，因此直接访问.poster属性不存在，返回undefined。

修正方案 #

调用QueryDocumentSnapshot实例的data()方法即可获取包含所有文档自定义字段的JS对象，修改后的代码如下：

const posts = firestore.collection("posts");

function myFunc() {
    posts.get().then((result) => {
        result.docs.forEach((post) => {
            // 先调用data()再访问对应字段
            console.log(post.data().poster);
            // 补充：如果需要获取当前文档的ID，可直接访问post.id属性
        })
    })
}

内容的提问来源于stack exchange，提问作者Airlo