Logo

React19 Hook Study

React Hooks 全19種の解説とサンプル

03. UseReducer

概要


複雑な状態管理を行うためのフック

利用シーン:大規模なフォーム管理、状態管理ライブラリの代替
(現在はあまり利用されない)

基本的な使い方


useReducer は useState よりも柔軟な状態管理を提供し、アクションという概念で状態更新を整理できる。
状態更新ロジックを1箇所(reducer関数に纏められる)

現在では、リデューサー関数・アクション定義 が必要になり、コードが冗長になる為、
useContext + useState の組み合わせ の方が簡潔で利用されることが多い。