为react-admin列表视图添加自定义过滤器下拉菜单

Question

问题1：我有一个列表视图，其中有一列表示“有效”：

我想允许用户从单选按钮组中选择“活动” /“不活动”作为过滤器（或下拉菜单）。我知道react-admin开箱即用地为参考字段提供了过滤器。非引用字段（例如“有效”）如何处理？

问题2：是否可以在搜索字段中添加清除按钮或“ X”以快速清除所有过滤器？当前，您必须选择“搜索”中的内容并清除文本。恼人的是必须使用鼠标和键盘来清除过滤器。但是，我想有办法解决。

谢谢。

Answer 1

我想允许用户从单选按钮中选择有效/无效分组为过滤器（或下拉菜单）。我知道react-admin提供了过滤器开箱即用的参考字段。那非参考字段呢？例如“有效”？

有BooleanInput and NullableBooleanInput。文档写得很好，有很多输入组件可以使用。

问题2：通过搜索字段添加清除按钮或“ X”的任何方法快速清除所有过滤器？目前，您必须选择其中的内容搜索并清除文本。恼人的是必须使用鼠标AND键盘清除过滤器。但是，我想有办法解决。

如果您在搜索字段中使用TextInput，则有道具resettable

将这两件事结合起来，您应该在过滤器组件中具有或多或少的相似代码：

resettable