コンテンツにスキップ

useRef()

useRef – React

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

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

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

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

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

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

使用例