React 状態の配列から項目を安全に削除するにはどうすればよいですか?

React での項目リストの変更: 要素の削除

React では、状態の管理はアプリ データを操作するために重要です。州に「people」という配列があり、そこから項目 (「Bob」など) を削除する必要があるシナリオを考えてみましょう。ただし、項目を直接削除するだけでは望ましい結果が得られない可能性があります。

この場合、状態オブジェクト (配列を含む) を直接変更することを避けることが重要です。 「people」配列を効率的に変更するには、必要な変更を加えた配列の新しいコピーを作成します。

1 つの方法は、Array.prototype.filter() メソッドを使用することです。

removePeople(e) {
    this.setState({
        people: this.state.people.filter(function (person) {
            return person !== e.target.value; // Exclude the target person ("Bob")
        })
    });
}

このメソッドは、指定された条件 (つまり、「Bob」) に一致しないすべての要素を含む新しい配列を作成します。元の「people」配列はそのまま残り、新しい配列が状態に割り当てられるため、アプリケーションが更新された状態に適切に反応することが保証されます。

以上がReact 状態の配列から項目を安全に削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。