小编Tra*_*dol的帖子

语境

这是第一个问题，所以提前感谢大家，如果您需要其他任何信息来帮助回答我的问题，请告诉我！

我正在创建 HTML 卡的排序列表。这些卡从 Firestore 文档中提取数据，每个文档都具有元数据：numViews 和摘要。

我一次加载 5 张卡片的分页数据，并且想要一个“加载更多”按钮来显示接下来的 5 张卡片。

我正在关注本教程：https://youtu.be/vYBc7Le5G6s? t=797（时间戳记到 orderBy、限制和创建“加载更多”按钮的部分）。

不确定它是否相关，但我最终打算使其成为无限滚动，最好使用相同的教程。

问题

我有一个工作解决方案（与教程完全相同），用于按升序排序（见下文））。它为浏览次数最少的文档创建卡片，当您向下滚动页面时，浏览次数会增加。加载更多按钮会创建接下来的 5 张卡片。

当我更改为 orderBy() 降序时，不会加载任何卡片。当我将分页从 startAfter() 更改为 endBefore() 和 orderBy(descending) 时，它会通过正确降序对前 5 个进行排序（从最高视图开始，并在向下滚动页面时降序），但“加载更多”按钮只是重新加载相同的 5 张卡，而不是接下来的 5 张。

这是我的代码

// References an empty container where my cards go
const container = document.querySelector('.containerload');

// Store last document
let latestDoc = null;

const getNextReviews = async () => {
  // WORKING ascending
  var load = query(colRef, orderBy('numViews', 'asc'), startAfter(latestDoc || 0), limit(5))

  // …