我正在使用 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 个项目 - 并且只显示其中两个。如果你得到第三个项目,你知道还有一个额外的页面。
添加回答
举报
0/150
提交
取消
