javascript - 如何仅在具有相同 ID 时修改状态

Question

editItem = (id) => {
    this.setState(
      {
        lanche: [
        {
          id: id,
          editItem: true
        }]
      }
    )
  }

这样，setState运行在数组中的所有项上，我只需要编辑具有相同ID的项

Answer 1

您需要在数组中找到具有给定 id 的项目，并仅修改该项目。 setState 方法使用给定的键更改整个对象。

试试这个:

editItem = (id) => {
    this.setState(
      {
        lanche: this.state.lanche.map(item => {
           if(item.id === id) {
            item.editItem = true
           }
           return item;
        })
      }
    )
 }