配列内のアイテムを削除するには、reactでスプライス関数を使用します

1. splice関数
splice()メソッドは、配列にアイテムを追加/配列からアイテムを削除してから、削除されたアイテムを返します。
スライス()メソッドは、既存の配列から選択された要素を返すことができます。
したがって、それを使用するときは、次の点に注意する必要があります。

  • スプライスは削除されたアイテムを返します

2.反応で使用した小さなケースを挙げ
てください。完了した関数は、配列の項目を削除することです。
ここに画像の説明を挿入します

ここで更新する必要があるのは、インターセプトされた配列です。

  // 删除
  deleteSelect = (index) => {
    
    
    const {
    
     initSelectInputList } = this.state;
    const a = initSelectInputList.splice(index, 1);   // 输出返回值
    console.log("返回值", a)
    initSelectInputList.splice(index, 1);
    console.log("截取后", initSelectInputList)  // 输出原数组
    this.initUpdateList(initSelectInputList);
    this.setState({
    
    
      initSelectInputList,
    })
  }

元の配列の長さは、3つの出力
値です。
ここに画像の説明を挿入します
ここに画像の説明を挿入します

おすすめ

転載: blog.csdn.net/weixin_45416217/article/details/109440460