Question

27

Filter multiple values in React

rated 0 times [ 29] [ 2] / answers: 1 / hits: 25264 / 7 Years ago, thu, july 27, 2017, 12:00:00

My filter function here works great, however it only filters the first name (see code). So I was wondering what the best way to make it filter by surname and phone too (see image)!
Here's my filter at the moment:

const filteredUsers = this.state.dataToDisplay.filter(item => {

  return (

    /*Only firstname!*/item.name.toLowerCase().indexOf(this.state.search.toLowerCase()) >= 0

  )

})

And here's the image:

Thanks a lot! :D

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

austynp

Add To Favorites

Follow

Total Points: 505

Total Questions: 118

Total Answers: 106

Location: Tajikistan

Member since Sun, Aug 29, 2021

3 Years ago

austynp questions

1 How to make puppeteer wait for page redirect from Cloudflare browser check?

Tue, Apr 20, 21, 00:00, 3 Years ago

1 Redux createAsyncThunk vs useEffect hook

Sun, Apr 11, 21, 00:00, 3 Years ago

1 How to type an object key in Typescript?

Sat, Feb 6, 21, 00:00, 3 Years ago

1 How do I send image data from a url using express?

Thu, Mar 19, 20, 00:00, 4 Years ago

1 Can I wait for a process to complete when consuming RabbitMQ messages with Node.js?

Mon, Mar 9, 20, 00:00, 4 Years ago

View All

answered 7 Years ago kylanalis · Accepted Answer

You are using filtering on the Javascript array level so just extend your criteria:

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

  )

});