如何在反应管理框架中重置过滤器值?

问题描述

我有一个过滤器组件:

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

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

I need to add a reset button that will clear input values. I understand that in should be done via dispatching smth to redux. So maybe somebody already solved this problem? Thanks!

推荐答案

在你的过滤器组件中有一个 setFilters 属性，你可以使用它:

There is a setFilters prop in your filter component, you can use it:

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>
);

这篇关于如何在反应管理框架中重置过滤器值?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！