useRef

ReactのuseRefフックは、主に2つの目的で使用される便利なツールです

  • DOM要素への参照
  • 再レンダリングを引き起こさない値の保持

useRefの基本的な役割:

  • useRefは、主に「何かを覚えておく」ための道具です。特に、画面の要素(例:ボタンや入力欄)を記憶するのによく使います。
  • useRefの特徴: useRefで覚えた情報は変更しても、画面は自動で更新されません。これは、useState(画面に表示する情報を管理するもの)とは違います。
  • useRefの一般的な使い方:
    • 画面の要素を直接操作したいとき(例:入力欄にフォーカスを当てる)
    • 前の状態を覚えておきたいけど、画面を更新したくないとき