Reactでコンポーネント内の状態を管理するために使用するHookはどれですか?
1〜4キーで選択、Enterで回答できます
解説
正解は useState です。useState は、Reactの関数コンポーネント内で値を状態(state)として保持し、その値を更新するためのHookです。状態が更新されると、Reactは必要に応じてコンポーネントを再レンダリングします。useState は、現在の状態と、その状態を更新するための関数を返します。たとえばカウンターなら次のように使います。const [count, setCount] = useState(0); // countを1増やす setCount(count + 1);count が現在の状態、setCount が状態を更新する関数です。フォームの入力値、開閉状態、選択中の項目など、画面表示に影響する値の管理によく使われます。他の選択肢が誤りの理由useEffect は、副作用を扱うためのHookです。外部APIとの通信やイベント購読などに使われ、状態そのものを作るHookではありません。useRef は、DOM要素への参照や、再レンダリングを発生させずに値を保持したい場合に使います。画面表示を更新する状態管理には通常 useState を使います。useMemo は、計算結果を再利用するためのHookです。不要な再計算を減らす目的で使われ、状態を保持・更新するためのものではありません。useRef と useState の使い分けuseRef でも値を保持できるため、useState と同じように見えることがあります。ただし、useRef の値を変更しても、それだけでは再レンダリングされません。値の変更を画面に反映したい場合は、基本的に useState を使用します。参考: React公式ドキュメント: useState