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

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 个项目 - 并且只显示其中两个。如果你得到第三个项目，你知道还有一个额外的页面。