じょうちょうじょうたいかんり

929 ワード

じょうちょう


JavaScriptステータス管理フレームワーク
主にステータス管理が複雑になった場合に使用します.

三原則


ショップから同じデータを取得(データを格納するショップには1つのスペースしかありません)
読み取り状態を変更するにはactionというオブジェクトで状態を変更します
ステータス値の変更は、純関数のみです(同じパラメータ値を入力すると、常に同じ結果を返す関数を純関数と呼びます).

すべての完全な状態値を1つのオブジェクトに保存


1つのオブジェクトにすべてのステータス値を格納するのは管理しにくいが、使用率が高い

ステータス値を変更できるのは純粋な関数のみです


このように状態値を変える関数をreducerと言います
(state, action) => nextState

主な概念



ストア

const store = createStore(rootReducer);

アクション


Actionはtype属性値を持つJavaScriptオブジェクトです
アクションオブジェクトを割り当てメソッドで呼び出します.
リデスは一連の過程で状態値を変える
つまり、データをショップに転送する役割を果たしています.

さいせいき


アクションを使用してステータスをショップに転送
アクションオブジェクトはDispatchに送信され、DispatchはReduserを呼び出して新しい状態を作成します.