javascript - 如何在react-admin中的 ListView 中添加永久过滤功能？

Question

我是一个react-admin ListView ，我只想显示状态值> 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 期望的“大于”过滤器。