✍️

useRefとuseStateの違い

2024/08/25に公開

参考記事

useRefでの値の変更は再レンダリングをしない

useRefを使用して値を更新する場合、console.log()では値の変更を検知するが、UI側では変化しない
例えば、count関数(数字の1(初期値)が、ボタンを押すと数が+1ずつインクリメントする)を実行した場合、useStateであれば、際レンダリングが行われ、UIもconsoleも数が1ずつ増えるが、useRefでは、見た目は変わらず数字の1だが、consoleの数はボタンを押すごとに+1ずつ増える。

Discussion