Reactjs 反应材料可清除所有过滤器操作-柱和全局过滤器

我是个全新的反应者。 这可能很琐碎，但我不知道如何实现清除所有表过滤器的操作

在我的表中，我使用日期过滤器、下拉列表、文本过滤器和全局过滤器查找一键清除所有过滤器

，
工具提示：“清除所有过滤器”，
是的，
onClick：（事件）=>警报（“清除所有过滤器逻辑”）
}
]}
选择权={{
过滤：对，
排序：正确
}}
/>

在撰写本文时，他们似乎没有明确的过滤功能-至少根据这个问题：因为他们将其标记为

wontfix

，这意味着他们不打算使用它。但是，在同一个问题上，有1个用户建议使用

ref

并手动访问表来过滤数据（尽管该用户后来建议不要这样做），因此您也可以尝试一下

另一种方法是重新安装组件。由于组件被重新装载，它将从初始状态开始，包括未过滤的数据

function App() {
  const [muiTableKey, setMuiTableKey] = React.useState(0);

  return (
    <MaterialTable
      key={muiTableKey}
      actions={[
        {
          icon: () => <FilterNoneIcon />,
          tooltip: "clear all filters",
          isFreeAction: true,
          onClick: (event) => {
            setMuiTableKey(muiTableKey + 1); // set new key causing remount
          }
        }
      ]}

函数应用程序（）{
const[muiTableKey，setMuiTableKey]=React.useState（0）；
返回(
,
工具提示：“清除所有过滤器”，
是的，
onClick：（事件）=>{
setMuiTableKey（muiTableKey+1）；//设置导致重新装载的新密钥
}
}
]}

---

在撰写本文时，他们似乎没有明确的筛选功能-至少根据这个问题：因为他们将其标记为

wontfix

，这意味着他们不打算使用它。但是，在同一个问题上，1名用户建议使用

ref

并手动访问该表以筛选data（尽管那个用户后来建议不要这样做）-所以你也可以试试

另一种方法是重新安装组件。由于组件已重新安装，它将从初始状态开始，包括未过滤的数据

function App() {
  const [muiTableKey, setMuiTableKey] = React.useState(0);

  return (
    <MaterialTable
      key={muiTableKey}
      actions={[
        {
          icon: () => <FilterNoneIcon />,
          tooltip: "clear all filters",
          isFreeAction: true,
          onClick: (event) => {
            setMuiTableKey(muiTableKey + 1); // set new key causing remount
          }
        }
      ]}

函数应用程序（）{
const[muiTableKey，setMuiTableKey]=React.useState（0）；
返回(
,
工具提示：“清除所有过滤器”，
是的，
onClick：（事件）=>{
setMuiTableKey（muiTableKey+1）；//设置导致重新装载的新密钥
}
}
]}

---

请阅读stackoverflow.com/help/minimal-repeatable-example提供一些复制问题的最小代码，以便观众能够更好地理解。@Prasad Phule添加了一个示例项目，我确实非常了解stackoverflow的角色！。这是一个非常重要的问题，请阅读stackoverflow.com/help/minimal-repeatable-example提供一些复制问题的最小代码，以便观众能够更好地理解。@Prasad Phule添加了一个示例项目，我确实非常了解StackOverflow角色！。这是一个非常有说服力的问题谢谢，我真的对它失去了理智，我错过了：）谢谢，这是解决材料表限制的好办法。谢谢，我真的被它弄糊涂了，我想念它：）谢谢，这是解决材料表限制的好办法。