まとめ：コンポーネント
CoddyのReactジャーニー「基本概念」セクションの一部 — レッスン 15/42。
チャレンジ
簡単章のまとめ: この章で学んだすべての内容を使用して、2つのコンポーネントからページを構築します。
Headerコンポーネントを定義します:id="title"とテキストCoddy Shopを持つ<h1>。App の外側の<div>の中に最初にレンダリングします。<span>★</span>を返すBadgeコンポーネントを定義します。- 既存の
<div id="badges">の中で、Badge を2回レンダリングします: 1つの定義、2つの使用。
自分で試してみよう
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="root"></div>
<script type="module" src="main.jsx"></script>
</body>
</html>