React の ref, useRef, forwardRefの基本的な知識 - Qiita

はじめに あやふやな理解だったので、勉強がてらのメモです。 refとは refはコンポーネントの描画結果であるDOMノードへの参照を保持するオブジェクトです。 refを使うには、Reactの提供するHooksであるuseRefを関数コンポーネント内で呼ぶ必要があります。 refオブジェクトはcurrentというプロパティを持っています。useRefに渡した引数がcurrentプロパティの初期値になります。引数を渡さなかった場合の初期値はundefinedです。 currentは、自由に書き換え可能です（ミュータブル）。また、変更しても再レンダリングされません。この点（ミュータブルな値を抱えること）は、Reactの思想（宣言的UI）と違ってしまうと感じます。公式見解も「Don’t Overuse Refs」（使いすぎないでください）とあります。 しかし、アクセシビリティの向上を実現する手段と