【React 19.2】useRefでDOMを直接操作する基本手順と注意点 - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに Reactは通常、ステート（state）とプロップス（props）を使って画面を更新する「宣言的」なUIライブラリです。しかし開発をしていると、特定の入力フォームにフォーカスを当てたり、特定の位置までスクロールさせたりといった、ブラウザのDOM要素を直接操作したい場面に遭遇します。 この記事では、ReactにおいてDOMを操作するための標準的なフックである useRef の使い方を解説します。 なお、本記事は React 19.2 を前提として記述しています。React 19系では ref の扱いが従来よりも簡潔になっているた