【図解付き】useReducerについて理解する - Qiita

はじめに こんにちは。masakichiです。 今回は、useReducerについて簡単にまとめてみました。 useReducerの概要理解 useReducerとはstateを用意・管理するためのHooksです。 useState の代替として使用することもできます。 主に以下3つの登場人物を理解する必要があります。 useStateとの比較 useStateと比較して、複数の値にまたがる複雑なstate ロジックがある場合などはuseReducerを使います。 また、useReducer を使うと、dispatchを下位コンポーネントに渡せるので、複数階層にまたがって更新を発生させるようなコンポーネントではパフォーマンスの最適化に繋がります。 useReducerについて useReducerは2つの項目を持つ配列を返します。 1つ目はstateです。stateの初期値は、指定した初期