React入門 練習問題 30:開発補助(厳格モード)
Reactにおける「StrictMode(<React.StrictMode>)」の主な役割として正しいものはどれか。
- 開発モードのみで動作し、古いAPIの使用など潜在的な問題を警告して知らせる機能
- 本番環境でのみ動作し、アプリケーション全体のパフォーマンスを最適化して高速化する機能
- コンポーネントのレンダリングを強制的に一度だけ実行し、無限ループを未然に防ぐ機能
- アプリケーションのすべてのJavaScriptコードを厳格な型チェックモードで実行する機能
- ユーザーの不正な入力やクロスサイトスクリプティング攻撃を自動的に防ぐセキュリティ機能
Qraftユーザーの成績:難易度 Cランク(レーティング1183)・正答率 70%(7/10回正解)
レーティングは解いた人の実力と正誤から算出する難しさ(初期値1200)。ランクはその全問題中の順位(S+が最難関、F-が最易)
正解と解説を見る
正解:開発モードのみで動作し、古いAPIの使用など潜在的な問題を警告して知らせる機能
ReactのStrictModeは、開発モードのみで動作し、古いAPIの使用など潜在的な問題を警告して知らせる機能です。
【正解の理由】
StrictModeコンポーネントでラップすることで、安全でないライフサイクルメソッドの使用や非推奨の機能などを検出し、コンソールに警告を出して開発者をサポートするためです。本番環境(プロダクションビルド)では動作しません。
【不正解の理由】
• 「本番環境でのみ動作し、アプリケーション全体のパフォーマンスを最適化して高速化する機能」という説明は、本番環境では動作せずパフォーマンスを最適化するものでもないため誤り
• 「コンポーネントのレンダリングを強制的に一度だけ実行し、無限ループを未然に防ぐ機能」という説明は、むしろ開発時に二度レンダリングを実行して副作用の問題を検出するため誤り
• 「アプリケーションのすべてのJavaScriptコードを厳格な型チェックモードで実行する機能」という説明は、型チェックを行うのはTypeScriptであり、StrictModeの役割ではないため誤り
• 「ユーザーの不正な入力やクロスサイトスクリプティング攻撃を自動的に防ぐセキュリティ機能」という説明は、セキュリティツールではないため誤り