Javascript 从另一个输入填充输入

我有一个搜索功能，在单击时，我希望它解析从我创建的搜索栏接收到的任何输入，以分别响应表的搜索栏

---

您可以使用

Array.filter

方法，针对各种条件和优先级手动筛选数据

您可以参考沙盒来了解它的基本实现

它是基本的实现，您需要根据数据对其进行更改

我在

handleClick

方法上写的基本功能是

handleClick(e) {
  const regex = new RegExp(this.state.searchkey, "i");
  let filteredData = data.filter(item => regex.test(item.name));
  if (this.state.dept) {
    filteredData = filteredData.filter(item => item.dept === this.state.dept);
  }
  if (this.state.type) {
    filteredData = filteredData.filter(item => item.type === this.state.type);
  }
  this.setState({ filteredData });
}

---

PS：这不是一个可以优化的完美逻辑

解析输入是什么意思？是否要基于搜索键显示表格行，而不是显示react表格的搜索功能，我想隐藏它，让它看起来像是从我的搜索栏中搜索的。你基本上是在接受

onKeyup

事件？你可以删除

filterable

prop并手动处理搜索如果我想使用同一搜索键过滤多个列，我该怎么做？