为什么this.state.items.filter从数组中删除项目

Question

我知道如何在react中从数组中删除一个项目，但是我不明白为什么它起作用的逻辑。

removeItem(id) => {
   items:[...this.state.items.filter(item => item.id !== id)]
}

我所知道的是，如果item.id !== id删除该项目。但是，这如何工作？为什么要从数组中删除项目。

Answer 1

在这里是说明，将执行以下操作

1. 根据某些条件过滤数组

考虑以下示例

// Defining array
const items = [{"id" : 1},{"id" : 2}, {"id" : 3} ]

//Eliminating id 2
const filteredArray = items.filter(item => item.id !== 2)

console.log(filteredArray)

在上面的示例中，过滤器的作用是，它返回一个数组，该数组不包括条件中提到的item.id !== id，因此将跳过具有ID 2的对象。

完成后，项目现在将保存更新后的对象数组。