【React】複数 useRef を使いたくなったときは ref callback function を使おう

【React】複数 useRef を使いたくなったときは ref callback function を使おう

■ はじめに 複数のDOM要素を参照するためにuseRefを何回も利用したくなる場面がありました。 そのときに...概要を表示 ■ はじめに 複数のDOM要素を参照するためにuseRefを何回も利用したくなる場面がありました。 そのときに、ref callback functionというものを利用していい感じに実装できたので、その備忘録と知識の深掘りです。 ◎ やりたかったこと やりたかったこととしては、 件数が可変のリストのアイテム要素を指定して、その要素までスクロールして、フォーカスを当てるという動作です。 ヘッダーの数値ボタンをクリックしてその数値のアイテムまでスクロール+フォーカスさせる感じ この要件を満たすために、事前にリストの件数を知らない状態で実装しなければいけません。 今回はこちらの React 公式のサンプルコードを参考にしています。 サンプルを実装しながら解説していきます。 リポジトリはこちら（汚いコメントなども残ってますが、よろしければ見てみてください） ■ ref callback func