これは
Reactのガイドを読んでいく記事です。
ガイドのリンク
フック API リファレンス
useReducer
useStateの代用品。
これを使う場面としては複数の値にまたがる複雑なstateロジックがある場合や、前のstateに基づいて次のstateを決める必要がある場合。
useReducerを使えばコールバックの代わりにdispatchを下位コンポーネントに渡せるようになるので複数階層に跨って更新を発生させるようなコンポーネントはパフォーマンスの最適化にもなる。
useReducerの初期化には2種類ある。
・第2引数に初期stateを渡す
・init関数を第3引数として渡す。
dispatchによる更新の回避
useReducerフックからstateの現在値として同じ値を返した場合、Reactは子のレンダーや副作用の実行を回避して終了する。
今日はここまで。