TIL DAY.学習33[react]Redux

2つ目のプロジェクトを終了する過程で,Reactの状態管理について一定の理解が得られるようになった.しかし、複雑な機能ほど、構成部品が多ければ多いほど、ステータス管理は複雑になります.しかし、この複雑なステータス管理をより容易にするReduxというグローバルステータス管理ライブラリがあることに気づきました.では、Reduxの使い方について説明しましょう.

👀 では、リドス、どうして書きますか。

reduceは、ステータス管理をより容易にするためのライブラリです.たとえば、次のような構造のアイテムがあるとします.

従来の場合、Root素子がG素子に伝達する任意の値を必要とする場合、以下のように伝達しなければならない.

その後、anotherValueのようにvalueの名前を変更する場合は、ファイルを1つずつ変更する必要があります.

😍ただし、冗長性を使用すると、構成部品の外でステータス管理が可能になります。

ガイドを使用すると、ステータス値を構成部品に関連付けることなく、構成部品の外でステータスを管理できます.

🎶 Reduxの3つの原則

完全状態値は、単一JavaScriptオブジェクト

として表される

ステータス値は、読み取り専用の不変オブジェクトとして管理されます.

この状態値を冗長に変更する唯一の方法=>dispatch(setState)

を動作オブジェクトとともに呼び出す.

定数を変更できるのは純粋な関数のみです
-reducerは、以前の状態値とアクションオブジェクトを入力することによって新しい状態値を作成する純粋な関数です.

state, action) => nextState