Как выполнить разбиение на страницы с помощью Cloud Firestore?

Question

Мне нужно получить на 50 документов больше сообщений от Cloud Firestore, когда я нажимаю кнопку загрузки дополнительных сообщений в реагирующем роде.

Здесь ниже мой код получает 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

    });
}