HooksではuseStateなどで定義された値が更新された場合にそのコンポーネントの再描画を行う。以下のコンポーネントではaddボタンを押されるたびにuseStateで管理しているcountが更新されAppコンポーネントの再描画が行われconsole上に「render」の文字列が出力されます。);}これはReact上のエコシステムとして仕方ないですが表示に関係ない内部的なフラグの変化など再描画が望ましくないケースもあり、そういったケースではuseStateの代わりにuseRefを利用することで再描画されない(LifeCycleに影響を与えない)Stateを作成することができます。useRefは以下のように利用して、参照する場合はcount.currentを、変更する場合はcount.currentを直接変更します。名前:メールアドレス:URL:コメント:to-RについてJavaScriptやCSS、React/Angularなどのフロントエンド情報を発信しています。GitHub株式会社トゥーアールについて渋谷にあるフロントエンドに特化したWeb制作会社です。フロントエンドの実装についてお困りの事がありましたらお気軽にご相談ください。