回顾：组件
本课属于 Coddy React 学习旅程的“基础知识”单元。第 15 课，共 42 课。
挑战
简单本章回顾：运用本章学到的所有内容，用两个组件构建一个页面。
- 定义一个
Header组件：包含一个<h1>，其id="title"，文本为Coddy Shop。在 App 外层的<div>中首先渲染它。 - 定义一个
Badge组件，使其返回<span>★</span>。 - 在现有的
<div id="badges">中，将 Badge 渲染两次：定义一次，使用两次。
亲手试试
<!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>