是否可以覆盖 react-admin 过滤器参数？答案

【问题标题】：Is it possible to override react-admin filter parameter?是否可以覆盖 react-admin 过滤器参数？
【发布时间】：2021-06-10 12:40:20
【问题描述】：

我是 react.js 的新手，react-admin 引起了我的注意并开始使用它。但我对它使用的端点有疑问

http://localhost:3333/verifications/browse?filter=%7B%7D&range=%5B0%2C9%5D&sort=%5B%22id%22%2C%22ASC%22%5D

是否可以删除过滤器参数？因为我想使用我的 api，它是

http://localhost:3333/verifications/browse?page=1&per_page=10&verification_level_id=1&verification_status_id=3

是否可以覆盖它？并使用我的 api

【问题讨论】：

【解决方案1】：

是的，这完全有可能：您必须调整 dataProvider，它是 react-admin 的查询和您的 API 之间的转换层。

【讨论】：

【解决方案2】：

如果你想创建类似的过滤器

?page=1&per_page=10&verification_level_id=1&verification_status_id=3

这里 page=1&per_page=10 可以通过 react admin list 组件添加，只需要传递 props 作为 pagination、per_page 等即可。
对于下一部分 &verification_level_id=1&verification_status_id=3，您可以创建自定义过滤器组件并在过滤器道具内部传递，在过滤器组件内部您可以使用 useListContext 挂钩来获取过滤器。
List 组件将在过滤器中获取此值作为对象。现在您可以访问数据提供者上的这些过滤器并对其进行操作和使用。
请阅读https://marmelab.com/react-admin/List.html
https://marmelab.com/react-admin/DataProviders.html

【讨论】：