React Redux

用語

項目 機能
ストア データを管理するオブジェクト
ステート ストアに保管される値
プロバイダ ストアを他コンポーネントに受け渡しするオブジェクト
レデューサ ステートを変更するオブジェクト

ストア

作成

ストア名 = createStore(レデューサ名);

レデューサ

作成

ステート名 = {
 value1: 初期値,
 value2: 初期値,
}

function レデューサ名(state=ステート名, action){
 actionValue = action.type;
 stateValue1 = state.value1;
 stateValue2 = state.value2;
 例:ステートを返す
 return state;
}

アクションの設定

this.props.dispatch(
 {
  type: '値'
 }
);

Follow me!

次の記事

React material-ui