javascript - 在 React 中过滤多个值

Question

我的过滤器功能在这里很好用，但是它只过滤名字(见代码)。所以我想知道用姓氏和电话过滤的“最佳”方法是什么(见图)!
这是我目前的过滤器:

const filteredUsers = this.state.dataToDisplay.filter(item => {
  return (
    /*Only firstname!*/item.name.toLowerCase().indexOf(this.state.search.toLowerCase()) >= 0
  )
})

这是图像:


非常感谢! :D

Answer 1

您正在使用 Javascript 数组级别的过滤，因此只需扩展您的条件:

const filteredUsers = this.state.dataToDisplay.filter(item => {
  const query = this.state.search.toLowerCase();

  return (
    item.name.toLowerCase().indexOf(query) >= 0 ||
    item.surname.toLowerCase().indexOf(query) >= 0 || 
    item.phone.toLowerCase().indexOf(query) >= 0
  )
});