React入門 練習問題 64:コンポーネント(ライフサイクル用語)
📊 Qraftユーザーの成績
- 難易度 Cランク(レーティング1190)
- 難易度 1298位/2795問中
- 正答率 100%(1/1回正解)
Reactにおいて、コンポーネントが初めてDOMに挿入されて画面に描画される段階を指す用語として正しいものはどれか。
- コンポーネントの「マウント(Mounting)」
- コンポーネントの「レンダー(Rendering)」
- コンポーネントの「コミット(Committing)」
- コンポーネントの「ハイドレート(Hydration)」
- コンポーネントの「バインディング(Binding)」
正解と解説を見る
正解:コンポーネントの「マウント(Mounting)」
Reactにおいて、コンポーネントが初めてDOMに挿入されて画面に描画される段階を「マウント(Mounting)」と呼ぶのが正解です。
【正解の理由】
Reactのコンポーネントのライフサイクル(=コンポーネントの一生)において、生成された要素が実際のDOMツリーに追加される初期段階を「マウント」と呼びます。
【不正解の理由】
• 「コンポーネントの『レンダー(Rendering)』」という説明は誤り(レンダーは画面に出力するUIの形を計算する処理そのものを指し、DOMに挿入する段階に限定されないため)
• 「コンポーネントの『コミット(Committing)』」という説明は誤り(コミットはレンダー結果を実際のDOMに反映させるフェーズ全体を指す内部用語であり、初回の挿入という段階を指す一般的なライフサイクル用語ではないため)
• 「コンポーネントの『ハイドレート(Hydration)』」という説明は誤り(ハイドレートは、サーバー側で生成されたHTMLに後からJavaScriptの機能を持たせる処理を指すため)
• 「コンポーネントの『バインディング(Binding)』」という説明は誤り(バインディングは関数に特定のthisを紐づける処理などを指し、描画の段階とは無関係であるため)