reactjs - 如何清除反应表中的所有过滤器
问题描述
我正在使用 react-table v7 ( https://www.npmjs.com/package/react-table )。我能够过滤数据(引用自https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/filtering),并且我正在对所有要过滤的列使用 SelectColumnFilter 函数。我想创建一个按钮来重置所有过滤器。就像如果我通过单击“全部重置”按钮将过滤器应用于 4 列,我希望清除所有过滤器。有人可以帮我吗?谢谢
解决方案
您可以从 useTable 实例中获取 setAllFilters 方法,然后
const { ...setAllFilters } = useTable({ columns, data }, userFilters)
// somewhere at you code
<button onClick={() => setAllFilters([])}>Reset</button>
在https://github.com/tannerlinsley/react-table/blob/master/docs/api/useFilters.md结帐 setAllFilters
推荐阅读
- javascript - 打开文件时运行的脚本/插件 - 与代码
- bash - 如何在 curl 命令的断双引号内格式化变量?
- javascript - Javascript 中的 dragleave 事件侦听器无法正常工作
- java - 每次点击移动 JButton (KeyEvent)
- python - 执行 train_test_split 后如何应用相关性?
- swift - 如何为用户输入设置 UserDefaults 并检索该值以用于异步 Firebase 身份验证功能?
- ruby - 我目前正在从 Codecademy 学习 Ruby,我不确定这是否有效,根据网站,它是正确的,但我不知道如何?
- r - lme4::lmer() 用 A -1?
- wpf - 棱镜库对话服务
- graphql - 尝试使用 id 所在的 graphql 进行查询