从数组中删除元素-ERECT JS

Question

我正在制作一张材料表，当我按删除按钮时，材料必须消失并使用 splice（）方法，但是当我按下第一个元素的删除按钮时，此操作将删除全部数组的元素。

这是显然可以实现但行不通的功能:(

RemoveMaterial = (material_id) => {

    let element = [...this.state.material_list];
    const material = element.findIndex((item) => item === material_id);
    const list = [...this.state.material_list];
    const consumption_list = [...this.state.material_consumption];
    const material_list = [...this.state.materials];
    list.splice(material)
    consumption_list.splice(material)
    material_list.splice(material)
    this.setState({
      material_list: list,
      material_consumption: consumption_list,
      materials: material_list,
    });
  };

Answer 1

尝试以下操作：

RemoveMaterial = (material_id) => {

  //...
  
  const list = [...this.state.material_list];
  list.splice(material,1);
  this.setState({
      material_list: list
   });
   
   //...
  
  };