問題一覧に戻る
初級コンポーネント
問題9: 関数コンポーネントの作成

関数コンポーネントは、Reactコンポーネントを作成する現代的な方法です。JSXを返すJavaScript関数で、特定の命名規則に従います。

// Greetingという名前の関数コンポーネントを作成
Greeting() {
// コンポーネントはJSXを返す必要があります
(
<div>
<h2>Hello from Component!</h2>
<p>This is my first React component.</p>
</div>
);
}

export default Greeting;