第 2 步：使用 Props 的卡片
本课属于 Coddy React 学习旅程的“基础知识”单元。第 40 课，共 42 课。
挑战
简单让卡片可以重复使用。
- 定义
ProfileCard，接收name和bio属性，并使用属性值渲染与第 1 步相同的结构（卡片 div、id="profile-name"、id="profile-bio"）。 - 在 App 中，渲染一个 ProfileCard，name 为
Grace Hopper，bio 为Invented the compiler。
亲手试试
<!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>