React Hooks
useState, useEffect, useContext, useRef, useCallback, useMemo, custom hooks
22 面接問題·
Junior
1ReactのuseStateフックとは何ですか？
1
ReactのuseStateフックとは何ですか？
回答
useStateは、関数コンポーネントのローカル状態を管理するReactフックです。毎回のレンダリングでリセットされる通常のJavaScript変数とは異なり、useStateは連続するレンダリング間で状態の値を保持します。このフックは現在の状態値と更新関数を含む配列を返し、状態が変化するとコンポーネントの再レンダリングを自動的にトリガーします。
2useStateで状態を宣言するための正しい構文は何ですか？
2
useStateで状態を宣言するための正しい構文は何ですか？
回答
正しい構文は配列の分割代入を使って状態値と更新関数を取り出します。慣例として、更新関数には「set」というプレフィックスの後にキャメルケースで状態変数名が続きます。この慣例はコードの可読性を向上させ、Reactコミュニティで広く採用されています。useStateが返す配列の要素の順序は常に同じです：最初に現在の値、次に更新関数。
3状態の更新関数を呼び出すと何が起こりますか？
3
状態の更新関数を呼び出すと何が起こりますか？
回答
状態更新関数が呼び出されると、Reactは新しい状態値でコンポーネントの再レンダリングをスケジュールします。更新は即座ではなく非同期であり、呼び出し後すぐに状態値が変更されるわけではありません。Reactは複数の状態更新をバッチ処理してパフォーマンスを最適化し、不要なレンダリングのトリガーを避けます。このバッチ戦略はアプリケーションのパフォーマンスを大幅に改善します。
4
前の値に基づいて状態を更新するにはどうすればよいですか？
5
同じコンポーネントで複数のuseStateを使用できますか？
+19 面接問題
その他のReact / Next.js面接トピック
JavaScript の基礎
Junior
25問React の基礎
Junior
20問コンポーネントのライフサイクル
Junior
18問React Router
Junior
20問Contextを使った状態管理
Junior
18問フォームと Controlled Components
Mid-Level
20問データ取得と API
Mid-Level
20問React Query (TanStack Query)
Mid-Level
20問Styling & CSS-in-JS
Mid-Level
18問Next.jsの基礎
Mid-Level
25問TypeScriptとReact
Mid-Level
20問Next.js データフェッチング
Mid-Level
24問Next.js Server Actions
Mid-Level
20問Next.jsのルーティングとナビゲーション
Mid-Level
22問Next.js API Routes
Mid-Level
20問Next.js Metadata & SEO
Mid-Level
18問Next.js の Middleware と Auth
Mid-Level
22問React テスト
Mid-Level
20問Zustand State Management
Mid-Level
18問React パフォーマンス最適化
Senior
22問Error Boundaries & エラーハンドリング
Senior
18問Advanced React Patterns
Senior
20問Next.jsの高度な機能
Senior
24問Next.jsのデプロイメントと本番環境
Senior
20問アーキテクチャ & デザインパターン
Senior
22問React Server Components
Senior
26問Next.js の国際化
Senior
20問React セキュリティ & ベストプラクティス
Senior
22問