如何从MUI X Data Grid中获取活跃筛选器列表？

当然可以复用你看到的源码逻辑来获取活跃筛选器列表，具体步骤如下：

• 获取Data Grid的apiRef
  通过useGridApiRef()钩子创建实例引用，并传递给Data Grid组件：

  import { useGridApiRef } from '@mui/x-data-grid';
  
  const apiRef = useGridApiRef();
  
  <DataGrid apiRef={apiRef} {...yourGridProps} />
  

• 导入目标选择器
  直接从MUI X包中导出所需的筛选器选择器：

  import { gridFilterActiveItemsSelector } from '@mui/x-data-grid';
  

• 调用选择器获取活跃筛选器
  在组件内使用useGridSelector钩子，传入apiRef和选择器即可拿到结果：

  import { useGridSelector } from '@mui/x-data-grid';
  
  const activeFilters = useGridSelector(apiRef, gridFilterActiveItemsSelector);
  

注意事项 #

• 这段代码必须在Data Grid的上下文范围内执行，确保apiRef已关联到有效的Data Grid实例
• 若使用MUI X Pro版本，导入路径和使用方式完全一致，因为Pro包包含基础版的所有导出

内容的提问来源于stack exchange，提问作者Grzegorz Kapcia