如何在react admin中删除筛选字段

Question

我想实现；移除过滤器"；按钮，用于删除单击后通过组件的过滤器道具拾取的所有过滤器字段。我知道可以选择清除字段，但我想删除它们。我已经查看了文档，但找不到解决方案。我试图用CSS选择器隐藏这些字段，但这样一来，我就不能再从列表中挑选它们了。

我正在使用react admin 3.19

Answer 1

在react管理列表视图中，显示的过滤器是通过URL设置的。这意味着您可以通过创建一个按钮来重置过滤器，该按钮将位置更改为不显示过滤器的列表。

import * as React from "react";
import Button from '@material-ui/core/Button';
import { Link } from 'react-router-dom';
import { useResourceContext } from 'react-admin';
const ResetFilters = () => {
const resource = useResourceContext();
return (
<Button
color="primary"
component={Link}
to={{
pathname: `/${resource}`,
search: 'filter={}&displayedFilters={}',
}}
>
Reset filters 
</Button>
);
};

请参阅https://marmelab.com/react-admin/doc/3.19/List.html#linking-详细信息，请参阅预筛选列表。