如何在 React-Admin 中处理基于游标的分页？

Question

我的 API 提供基于游标的分页而不是偏移限制分页，因此很难与React-Admin 为and提供的page: {int}andperPage: {int}配置相匹配。GET_LISTGET_MANY_REFERENCE

许多具有快速移动数据的 API 都使用基于光标的分页， 例如Twitter、Facebook和 Slack。

最简单的基于游标的分页意味着列表响应包括（在响应正文或标题中）不透明的游标，它们是上一页末尾和下一页开头的“书签”。它可能包含或不包含响应中每个资源的游标，并且可能包含或不包含第一个和最后一个可用页面的持久游标。基于游标的分页API可能还没有能够提供的资源的有意义“总计数”的匹配滤波器提供，如目前在反应管理员在坚持GET_LIST和GET_MANY_REFERENCE响应。

在 React-Admin 问题跟踪器（react-admin#1510和react-admin#1787）和 Stack-Overflow 上，似乎有人问过类似的问题，当总数未知时，如何对 react-admin 列表进行分页？) 但所有的答案似乎都是非常脆弱的解决方法。

为了具体说明我的 API 支持的请求/响应习惯用法，初始请求可能如下所示：

GET http://example.com/api/resources?<filter-params>&paging.limit=10

响应最多包括请求的 10 个资源，以及标记此页面开始和结束的游标：

X-Paging-Since: <since-cursor>
X-Paging-Until: <until-cursor>

[ {...}, {...}, ... ]

然后上一页是：

GET http://example.com/api/resources?<filter-params>&paging.until=<since-cursor>

下一页是：

GET http://example.com/api/resources?<filter-params>&paging.since=<until-cursor>

（在这个 API 中，下一个/上一个（和第一个/最后一个）的完整 URL 实际上也可以在链接响应标头中获得： Link: <prev-url>;rel=prev, <next-url>;rel=next, <first-url>;rel=first, <last-url>;rel=last。）

显然，我的数据提供者可以将这些标头重新格式化为返回给 react-admin 的数据，但是我们不清楚如何最好地连接到 react-adminList或Pagination组件，或者Pagination组件将适当的光标/URL 传递回下一个请求的数据提供者。

Answer 1

从react-admin版本 4 开始，分页已得到改进，支持部分分页：

https://marmelab.com/react-admin/DataProviderWriting.html#partial-pagination https://marmelab.com/react-admin/ListTutorial.html#building-a-custom-pagination