为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

胡说叔叔 2022-11-03 14:47:18
我正在使用 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 };  };};
查看完整描述

1 回答

?
绝地无双

TA贡献1946条经验 获得超4个赞

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



查看完整回答
反对 回复 2022-11-03
  • 1 回答
  • 0 关注
  • 113 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号