Skip to content

Latest commit

 

History

History
27 lines (18 loc) · 948 Bytes

greeting.md

File metadata and controls

27 lines (18 loc) · 948 Bytes

Greeting

はじめに

今回のサンプルではstore.dispatch()で画面のデータを渡し、そのデータをstateにする処理を説明します。Counterとの差分のみの説明になるので、わからないところはCounterの説明を参照してください。

Component

this.$inputName = this.$selector.find('input[name=name]');
this.$selector.find('.submit').on('click', () => this.dispatch(actions.updateName(this.$inputName.val())));

ActionCreatorの引数にデータを入れることにより、データを渡すことができる。

Action

export const UPDATE_NAME = 'UPDATE_NAME';

export const updateName = createAction(UPDATE_NAME, (name) => name);

createActionでReducerにnameを渡す。

Reducer

import:6-8

ActionCreatorから受け取った値はaction.payloadオブジェクトにある。