如何获取 Cloud Firestore 查询返回的数据？ [复制]

Question

我编写了以下代码来呈现一些帖子（存储在 Cloud Firestore 实例中）。我正在使用 mithril.js。

let SummaryPostView = {
  posts: [],
  view: function () {
    let query = blogModels.postModel.getNLatest(20, "created");
    query.then(function (data) {
      this.posts = data;
      console.log("INSIDE VALUE: ");
      console.log(this.posts);
    });
    console.log("OUTSIDE VALUE: ");
    console.log(this.posts);
  }
};

当我运行我的代码时，我会获得以下控制台输出：

this.posts 的值在函数外与this.posts inside the function. 的值不同由于this 的行为可能令人困惑，我还尝试了以下代码：

let SummaryPostView = {
  posts: [],
  view: function () {
    let query = blogModels.postModel.getNLatest(20, "created");
    var x = [];
    query.then(function (data) {
      x = data;
      console.log("INSIDE VALUE: ");
      console.log(x);
    });
    console.log("OUTSIDE VALUE: ");
    console.log(x);
  }
};

这段代码的结果是一样的：

为了回应 Chris Sandvik 的回答，我也尝试了以下代码

let SummaryPostView = {
  posts: [],
  view: function () {
    let query = blogModels.postModel.getNLatest(20, "created");
    query.then(function (data) {
      this.posts = data.docs.map(function (doc) {
        let out = doc.data();
        out.id = doc.id;
        return out;
      });
      console.log("INSIDE");
      console.log(this.posts)
    });
    console.log("OUTSIDE");
    console.log(this.posts);
  }
};

这仍然会导致同样的问题：

Answer 1

由于您的输出是 QuerySnapshot，因此您需要像这样访问您的数据：

query.then(function (data) {
  this.posts = data.docs.map(doc => {
    let out = doc.data();
    out.id = doc.id;
    return out;
  });
});

您需要使用 docs 属性访问 QuerySnapshot 中的文档数组，并使用 .data() 方法访问它们的数据。

更多信息在这里：https://firebase.google.com/docs/reference/js/firebase.firestore.QueryDocumentSnapshot.html