【React】React Hooksまとめ

React Hooks早見表です。

ReactHooks

React16.8で追加された新機能です。stateなどのReactの機能をクラスなどを書かずに関数コンポーネントでシンプルに利用できるようになりました。

機能

・useState

stateを関数コンポーネント内で状態管理することが出来ます。

・useEffect

hooksのイベントリスナ。レンダリング後まで遅らせて関数を実行することが可能になる。

・useContext

複数コンポーネント間で共通して利用したいデータを管理できる。

・useRef

値の参照を管理する。

useStateと同じで値を管理するのだが、値が変更されたときに再レンダリングしないという特徴がある。

・useCallback

不要なレンダーを防いでメモ化したコンポーネントに値を渡すことでパフォーマンスアップできる。

・useReducer

useStateと同じく状態管理に利用されるが、useStateとは違い複数の状態を管理するときなどに利用します。