ReactのuseRefでカウント値を保持した場合の動作として正しいものはどれですか？

解説

正解は「currentの値を変更しても、それだけでは再レンダリングされない」です。useRefは、再レンダリングをまたいで値を保持できますが、ref.currentを書き換えてもReactは再レンダリングを実行しません。useRefでカウントする例useRefはDOM要素の参照だけでなく、数値などの値を保持する用途にも使えます。const countRef = useRef(0); const handleClick = () => { countRef.current += 1; // 値は増えるが再レンダリングは発生しない console.log(countRef.current); };ボタンを押すたびにcountRef.currentは1ずつ増えます。ただし、この値を画面に表示していても、値の変更だけでは画面は更新されません。他の選択肢が誤りの理由「必ず再レンダリングされる」は誤りです。再レンダリングを発生させないことがuseRefの重要な特徴です。「再レンダリングのたびに初期値へ戻る」も誤りです。useRefで保持した値は、同じコンポーネントが存在している間は維持されます。「DOM要素だけを参照できる」も誤りです。数値、文字列、オブジェクトなどもcurrentに保持できます。よくある誤解useRefでカウントできるため、useStateの代わりになると思われることがあります。ただし、カウント値を画面に表示して更新したい場合は、基本的にuseStateを使います。useRefは、値を保持したいが、その変更を理由に画面を再描画したくない場合に適しています。React公式ドキュメント](https://ja.react.dev/reference/react/useRef\%22>React公式ドキュメント): useRef