状態の概念を確認する
プロパティ (prop とも呼ばれます) と状態は、React の全アプリケーションにおける最も重要な 2 つの部分です。 典型的な React アプリケーションでは、ユーザーがページと対話し、それ上のものを変更します。 これらの変更とは、フォームに入力したり、項目をタップすることなどです。 したがって、アプリケーションがユーザーの要求に確実に応答できるようにする必要があります。
prop
prop とは、React コンポーネントに渡される値です。 これらのデータ コピーは、コンポーネントが自身をレンダリングするよう設計されています。 prop は "不変" の (読み取り専用) 値です。
State
"状態" には、アプリケーションのライフサイクル間で変更される可能性のあるすべてのデータが格納されます。 変更とは、フォームを使用して更新される値、完了としてマークされた項目、またはページに表示する必要があるサーバー データの更新などです。 基本的に、変更される可能性のある値は、アプリケーションの状態の一部にする必要があります。
不変性
React の原則の 1 つに、"不変" の概念があります。 不変とは、更新されるのではなく、データの新しいコピーに値が設定されることを意味します。
状態を不変にすると、元の値はまだ存在しているために、React で何が変更されたかをより正確に判断できます。 新しいコピーの継続的な使用で、履歴を保存したり、その他の高度な機能を適用したりできます。