3/1-4

useReducer

• 状態遷移を管理する
• currentStateとactionをもとにreducerが新しいStateを返す

useReducerの使い方

1. useRedcerをimportする
2. initialStateを定義する
3. reducer関数を定義する
4. useReducerを定義する
5. dispatch関数に値を送る
6. countに値が返ってくる

• useRedcerをimportする
  • import {useReducer} from 'react':
• initialStateを定義する
  • メイン関数外で定義する
  • 普通の変数のように定義する
    • const intialState=0;
• reducer関数を定義する
  • メイン関数外で定義する
    • const reducer=(currentState,acttion)=>{処理} 
      • 処理のreturnがuserReducerのcount（第一要素）になる
• useReducerを定義する(構文)
  • const [count,dispatch]=useReducer(reducer,initialstate);
• dispatch関数に値を送る
  • onClicke={()=>dispatch(値)}
    • 値をreducer関数に渡す
• counteに値が返ってくる
  • reducer関数で処理された値がcount（第一要素）に入る
    • {count}のように使う