React でネストされた状態プロパティを効率的に更新するにはどうすればよいですか?

React でネストされた状態のプロパティを更新する

ネストされたプロパティを使用して React の状態を整理しようとすると、単にネストされたプロパティを設定すると、直接的には機能しません。代わりに、少し異なるアプローチが必要です。

ネストされた状態プロパティを更新するには、ネストされたオブジェクトのコピーを作成し、そのコピーに必要な変更を加えてから、setState を使用して元の状態オブジェクトを更新された状態オブジェクトに置き換えます。コピー。以下に例を示します。

var someProperty = {...this.state.someProperty}
someProperty.flag = true;
this.setState({someProperty})

高度にネストされた状態では、このアプローチは面倒になります。簡略化するには、ネストされたオブジェクトを簡潔な方法で深く更新するためのヘルパー関数を提供する immutability-helper パッケージの使用を検討してください。

immutability-helper を使用して状態を更新する方法の詳細については、提供された回答を参照してください。

以上がReact でネストされた状態プロパティを効率的に更新するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。