中继分页(不是无限滚动)

时间:2016-07-11 16:20:40

标签: javascript pagination graphql relayjs

我正在尝试编写没有无限滚动的分页。我希望能够点击页码并相应地更新前后游标。当光标在该页面上的最后一条记录时。我不确定这是否是最佳方式。第一次接力。我不知道如何根据条件动态更改容器。有时我不会有一个或一个之前。我传递的是空字符串,但是传达抱怨graphql查询工具没有。

1] Warning: GraphQLRange cannot find a segment that has the cursor:
[1] GraphQLRange cannot find a segment that has the cursor:

export default Relay.createContainer(Search,{
  initialVariables: {
    pageSize: 20,
    lastRecord:""

  },
  fragments: {
    Viewer: () => Relay.QL`
      fragment on Viewer {
          User_Email,
     Books (first: $pageSize, after: $lastRecord) {
              totalCount
              pageInfo {
                hasNextPage
                hasPreviousPage
                startCursor,
                endCursor
              }
              edges{
              cursor,
              node{
                  Title,

                  id,
                  Pub_Date,

                }
              }
            }
      }
    `
  }
});

这是一个好方法吗?有没有其他人试图这样做。你读到的关于中继分页的每篇文章都是无限卷轴。

1 个答案:

答案 0 :(得分:1)

要避免此错误,请将lastRecord变量设置为null而不是空字符串。

    initialVariables: {
      pageSize: 20,
      lastRecord:null
    }