如何在React Admin框架中重置过滤器值？

Question

我有一个过滤器组件：

export const PostsFilter = (props) => (
  <Filter {...props}>
    <TextInput label='Post ID' source='id' alwaysOn />
    <TextInput label='User ID' source='user_id' alwaysOn />
  </Filter>
);

我需要添加一个重置按钮，以清除输入值。我知道应该通过将smth分发到redux来完成。那么也许有人已经解决了这个问题？谢谢！

Answer 1

setFilters您的过滤器组件中有一个道具，您可以使用它：

export const PostsFilter = (props) => (
  <div>
    <Filter {...props}>
      <TextInput label='Post ID' source='id' alwaysOn />
      <TextInput label='User ID' source='user_id' alwaysOn />
    </Filter>
    <Button onClick={() => props.setFilters({
          id: '',
          user_id: ''
     })}>Clear fields</Button>
  <div>
);