Question

当我单击react-native中的“加载更多消息”按钮时，我需要从Cloud Firestore获取50多个文档消息。

在下面，当我打开我的应用程序时，我的代码获得了50个文档，但不是所有消息。

getMessagesFrom(usr){
    return db.collection("ppl/" + usr + "/messages/").orderBy("createdAt", "desc").limit(50).get().then(snapshot => {
        this.docs = snapshot.docs;
        let l = this.docs.length;
        for (let i = 0; i < l; i++) {
            this.dblid = this.state.myId + usr;
            if (this.msgObj[this.dblid] === undefined) {
                this.msgObj[this.dblid] = [this.docs[i].data()];
            } else {
                this.msgObj[this.dblid] = [...this.msgObj[this.dblid], this.docs[i].data()]
            }
            if (i === l - 1) {
                return this.msgObj;
            }
        }
        return false;
    });
}

我的期望通过单击“更多消息”按钮来获得50个文档。

Answer 1

摘自文档：

使用startAt（）或startAfter（）方法定义查询的起点。 startAt（）方法包括起点，而startAfter（）方法排除起点。

对于管理页面，您可以创建状态来存储页码，并在每次获取数据时增加它

const pageSize = 50;     // your page size
state = { pageNum: 0 };  // your page number

getMessagesFrom(usr){
    return db.collection("ppl/" + usr + "/messages/")
      .orderBy("createdAt", "desc")
      .startAt(this.state.pageNum * pageSize) // here we set start point
      .limit(pageSize)
      .get().then(snapshot => {

          this.setState({ pageNum: pageNum+1 });

          ...your code

    });
}

如何与Cloud Firestore进行分页？

1 个答案: