React Redux
用語
項目 | 機能 |
---|---|
ストア | データを管理するオブジェクト |
ステート | ストアに保管される値 |
プロバイダ | ストアを他コンポーネントに受け渡しするオブジェクト |
レデューサ | ステートを変更するオブジェクト |
ストア
作成
ストア名 = createStore(レデューサ名);
レデューサ
作成
ステート名 = {
value1: 初期値,
value2: 初期値,
}
function レデューサ名(state=ステート名, action){
actionValue = action.type;
stateValue1 = state.value1;
stateValue2 = state.value2;
例:ステートを返す
return state;
}
アクションの設定
this.props.dispatch(
{
type: ‘値‘
}
);