ステップ 1:カードの構造
CoddyのReactジャーニー「基本概念」セクションの一部 — レッスン 39/42。
チャレンジ
簡単App.jsx にカードのスケルトンを作成します:
className="card"を持った<div>。- その中に:
id="profile-name"とテキストAda Lovelaceを持った<h2>。 - 名前の下に:
id="profile-bio"とテキストFirst programmerを持った<p>。
自分で試してみよう
<!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>