ステップ 3:いいねボタン
CoddyのReactジャーニー「基本概念」セクションの一部 — レッスン 41/42。
チャレンジ
中級カードにいいね(like)機能を追加します。
ProfileCardに初期値 0 のlikesステートを追加します。- クリックするごとにいいねを1増やす、
id="like"とテキストLikeを持つボタンを追加します。 id="likes"を持つ<span>内にカウントを表示します。
自分で試してみよう
<!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>