ReactにおけるJSX言語入門

JSX言語は通常のJavaScriptですが、コード内に引用符なしで直接タグを記述できるいくつかの追加機能を備えています。

タグはreturnで返すことができます：

function App() {
	return <div>
		text
	</div>;
}

タグには属性を付けることができます：

function App() {
	return <div class="eee">
		text
	</div>;
}

タグは変数や定数に代入することができます：

function App() {
	const  elem = <div>text</div>;
	return elem;
}

あなたのメインコンポーネントには次の関数があります：

function App() {
	return <div>
		text
	</div>;
}

div内のテキストを変更してください。ブラウザで起こった変化を確認してください。

div内にいくつかの段落（pタグ）を追加してください。

あなたの段落にクラスを追加してください。