如何在 react-admin 的列表视图中添加永久过滤功能？

Question

我是一个 react-admin 列表视图，我只想显示状态值 >2 的记录。 status 是一个自定义字段。

react-admin 文档的永久过滤器部分（请参阅https://marmelab.com/react-admin/List.html）仅指静态过滤器，它检查特定字段值，如

export const PostList = (props) => (
    <List {...props} filter={{ is_published: true }}>
        ...
    </List>
);

但我想传递一个过滤函数，例如：

export const PostList = (props) => (
    <List {...props} filter={()=>(status.id > 2)}>
        ...
    </List>
);

不幸的是，这不起作用。 status 是未知的，即使我返回静态 true 或 false，它对过滤也没有影响。

还有其他方法或解决方法吗？

Answer 1

React-admin 不知道您的 API 如何执行“大于”或“小于”查询（因为没有标准）。 react-admin 永久过滤器被传递给您的 dataProvider，后者将它们传递给您的 API。

所以我建议你在你的列表中使用一个特殊的过滤键，如下：

export const PostList = (props) => (
    <List {...props} filter={{ status_id_gt: 2 }}>
        ...
    </List>
);

然后，在您的 dataProvider 中，检测该过滤器的使用情况，并将其转换为您的 API 对“大于”过滤器的期望。