带有 startAt() 的第二个参数的 Firebase orderByChild 分页不排序

Question

我有一个 Firebase 调用，如下所示，

      ref.child(`floorPosts/${this.props.floorName}`)
        .orderByChild('numberOfLikes')
        .limitToLast(15)
        .once('value', (snapshot) => {
          var topPosts = [];
          snapshot.forEach((childSnapshot) => {
            var post = childSnapshot.val();
            post.key = childSnapshot.key();
            topPosts.unshift(post);
          });
          this.lastPostKeyTop = topPosts[topPosts.length - 1].key;
          this.setState({
            topPosts,
            isLoading: false
          });
      });

现在我要做的是，当用户滚动到页面底部时，我调用此函数。

ref.child(`floorPosts/${this.props.floorName}`)
    .orderByChild('numberOfLikes')
    .startAt(null, this.lastPostKeyTop)
    .limitToLast(15)
    .once('value', (snapshot) => {
      var topPosts = [];
      snapshot.forEach((childSnapshot) => {
        var post = childSnapshot.val();
        post.key = childSnapshot.key();
        topPosts.unshift(post);
      });
      this.setState({
        topPosts: this.state.topPosts.concat(topPosts),
        isLoading: false,
      });
  });

但是，它连接了与最初相同的前 15 个结果。 .startAt 接受第二个参数，（我相信）这是最初从 firebase 获取的最后一个项目的键。但是，这似乎不适用于我的情况。我有预感这与 snapshot.forEach 代码有关。

Answer 1

抱歉，泰勒的回答太晚了

startAt() 的第二个参数仅用于消除与第一个参数匹配的项目之间的歧义。因此，您必须同时传入 numberOfLikes 的值从和第一页最后一项（通常称为锚项）的键。

另请注意，这意味着下一组结果的第一项将与上一组结果的最后一项相同。所以您需要取回一件额外的物品。

带有 startAt() 的第二个参数的 Firebase orderByChild 分页不排序

Firebase orderByChild with startAt()'s second argument w/ pagination not ordering

firebase

firebase-realtime-database