■Actionsの役割
・アプリからStoreへデータを送るためのpayloadを渡す役割
→アプリから受け取ったデータをReducersへ渡す
■payloadとは
・データのまとまりのようなもの
■なぜActionsを使うのか
・純粋にデータだけを記述するため
どのstateをどう変更するかはReducersに任せる
■Actionsの書き方
①Action typeを定義してexport
②typeとpayloadを記述する
③プレーンなobjectを返す
|
1 2 3 4 5 6 7 8 9 10 11 12 |
①export const SIGN_IN = "SIGN_IN"; ③export const signInAction = ( userState ) => { return { ② type: "SIGN_IN", payload: { isSignedIn: true, uid: userState.uid, username:userState.username } } } |
■参考元
分かりやすくおすすめです！