useRef
ReactのuseRefフックは、主に2つの目的で使用される便利なツールです
- DOM要素への参照
- 再レンダリングを引き起こさない値の保持
useRefの基本的な役割:
- useRefは、主に「何かを覚えておく」ための道具です。特に、画面の要素(例:ボタンや入力欄)を記憶するのによく使います。
- useRefの特徴: useRefで覚えた情報は変更しても、画面は自動で更新されません。これは、useState(画面に表示する情報を管理するもの)とは違います。
- useRefの一般的な使い方:
- 画面の要素を直接操作したいとき(例:入力欄にフォーカスを当てる)
- 前の状態を覚えておきたいけど、画面を更新したくないとき