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

编程问答 2022-04-24

问题描述

我是 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

解决方法

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

查看文档：{​​{3}}

,

如果你想像这样创建过滤器

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