在 firebase 中分页时如何检测第一页或最后一页

Question

我正在使用 Firebase 进行分页，到目前为止，我有一个按钮可以前进，另一个按钮可以返回，它们工作正常，但我无法检测是在第一页还是最后一页所以我可以禁用分页按钮，所以我想知道它是如何工作的，我应该改变我对数据进行分页的方式吗？

export const getNextItems = (last_Visible) => {
  return async (dispatch, getState, { getFirebase }) => {
    const firestore = getFirebase().firestore();
    // const items = [];
    const dbRef = firestore
      .collection('items')
      .orderBy('createdAt', 'desc')
      .startAfter(last_Visible)
      .limit(2);

   const usersRef = firestore.collection('users');
    let temps = [];

    const { data: items, firstVisible, lastVisible } = await dbRef.get().then(getAllDocs);
   

    for (const item of items) {
      const { data: user } = await usersRef.doc(item.owner).get().then(getDoc);
      temps.push({ ...item, owner: user });
    }

    return { docs: temps, lastVisible, firstVisible };
  };
};


export const getPrevItems = (first_Visible) => {
  return async (dispatch, getState, { getFirebase }) => {
    const firestore = getFirebase().firestore();
    // const items = [];
    const dbRef = firestore
      .collection('items')
      .orderBy('createdAt', 'desc')
      .endBefore(first_Visible)
      .limitToLast(2);
    const usersRef = firestore.collection('users');
    let temps = [];

    const { data: items, lastVisible, firstVisible } = await dbRef.get().then(getAllDocs);
    

    for (const item of items) {
      const { data: user } = await usersRef.doc(item.owner).get().then(getDoc);
      temps.push({ ...item, owner: user });
    }

    return { docs: temps, lastVisible, firstVisible };
  };
};

Answer 1

要检测是否有更多页面要加载，您需要请求一个额外的项目。因此，由于您似乎每页显示 2 个项目，因此您应该请求 3 个项目 - 并且只显示其中两个。如果你得到第三个项目，你知道还有一个额外的页面。

在 firebase 中分页时如何检测第一页或最后一页

how to detect that am in the first or the last page when paginating in firebase

javascript

firebase

google-cloud-firestore

react-redux-firebase