You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在react-table中使用setFilter设置多值筛选?

如何用setFilter实现多值筛选

直接给setFilter传数组是行不通的,因为大多数表格库的setFilter默认逻辑是匹配单个值,数组不符合它的参数预期。要实现多值筛选,你需要传入自定义筛选函数来替代单个值。

比如你可以这么写:

useEffect(() => {
  // 自定义筛选逻辑:匹配age为31或32的条目
  setFilter("age", (cellValue) => ["31", "32"].includes(cellValue));
});

关键说明

  • 筛选函数接收当前单元格的cellValue作为参数,返回true时该行会被保留,返回false则会被过滤。
  • 注意保持数值类型一致:如果你的age列存储的是数字类型,记得把数组里的值改成数字(比如[31, 32]),避免因类型不匹配导致筛选失效。

内容的提问来源于stack exchange,提问作者flinch85

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.15 06:45:30