reactjs - 如何清除 react 表中的所有过滤器

标签 reactjs react-table

我正在使用 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

关于reactjs - 如何清除 react 表中的所有过滤器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60279994/

相关文章:

reactjs - useDispatch Hook 以错误的顺序触发,

javascript - 使用 _document.js 在正文上使用 Next.js 自定义类

javascript - 使用来自 firebase 的数据填充 React-Table

reactjs - react 表中的冒泡选择

javascript - 调整 react 表大小

javascript - 如何在 react 表中进行默认排序

javascript - React-select 有时不在异步搜索的下拉菜单中显示选项

reactjs - 如何在 useEffect Hook 中重新渲染组件

reactjs - 当全局状态被修改时,react easy-peasy 组件不会重新渲染

javascript - 如何设置 Material UI 表头的样式?