How to remove an element in an object array by the content of a field? (map returning undefined)

Question

I'm trying to implement a todo list in React. I have a state that stores id and content of each task:

this.state = {tasks: [{id: 123, content: 'Walk with dog'}, {id: 2, content: 'Do groceries'}]} 

I managed to add elements by using

this.setState([...this.state.tasks, newTask])

However, I'm struggling to remove elements. I thought about using a map:

this.state.tasks.map((task)=>{
   if(task.id != 123){return task}
})

However, it's appending undifened elements when the id is found, instead of nothing.

What should I do?

Answer 1

You can use the filter method to filter items in your array:

 let filtered = tasks.filter(task => task.id != 123)