コンテンツにスキップ

useRef()

useRef – React

DOM を参照したいときに使える。

useState() と違って値を変えても再レンダーされない。

React useRef のパターン ~どのようなときに使う?~

WebSocket などの外界とのインスタンス紐づけに使えるっぽい。

React Hooks で WebSocket 通信を行うサンプル #JavaScript - Qiita

状態を保持したいけど状態が変わることで再レンダーしてほしくないときはuseRefが使える。

使用例