第 3 步:点赞按钮
本课属于 Coddy React 学习旅程的“基础知识”单元。第 41 课,共 42 课。
挑战
中等给卡片添加点赞功能。
- 为
ProfileCard添加一个初始值为 0 的likes状态。 - 添加一个
id="like"的按钮,按钮文字为Like,每次点击增加 1 个赞。 - 在带有
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>