Reactにおけるデータのリアクティビティ
Reactでは、データをさまざまな構造(配列、オブジェクト、オブジェクトの配列)に格納します。 これらの構造はReactにおいてリアクティブです。 Reactは、データの追加、削除、要素の変更、およびその順序の変更など、すべてのデータ変更に対してリアクティブに反応します。
ただし、Reactのルールでは、ステートから配列やオブジェクトのデータを変更することは禁止されています。 データのコピーを作成し、それを変更してからステートに書き戻す必要があります。つまり、データはイミュータブルでなければなりません。 JavaScriptチュートリアルの該当セクションで、配列、オブジェクト、およびオブジェクトの配列のイミュータビリティについて読んでください。
配列に要素をイミュータブルに追加する正しい方法について説明してください。
配列内の要素を変更する正しい方法について説明してください。
配列から要素を削除する正しい方法について説明してください。
オブジェクトの配列に要素をイミュータブルに追加する正しい方法について説明してください。
オブジェクトの配列内の要素を変更する正しい方法について説明してください。
オブジェクトの配列から要素を削除する正しい方法について説明してください。