問題一覧に戻る
初級コンポーネント
問題10: コンポーネントの命名規則

ReactコンポーネントはPascalCase命名規則（先頭文字を大文字にする）に従う必要があります。これによりHTML要素と区別され、Reactが正しく動作するために必要です。

// 間違い：小文字の関数名（PascalCaseにすべき）
function () {
  return <div>User Profile</div>;
}

// 正しい：PascalCase命名
function () {
  return <button>Submit Form</button>;
}

// デモンストレーションのため両方をエクスポート
export {  as WrongComponent,  as CorrectComponent };
···