Menu
CoddyTech

第 3 步:点赞按钮

本课属于 Coddy React 学习旅程的“基础知识”单元。第 41 课,共 42 课。

challenge icon

挑战

中等

给卡片添加点赞功能。

  1. 为 ProfileCard 添加一个初始值为 0 的 likes 状态。
  2. 添加一个 id="like" 的按钮,按钮文字为 Like,每次点击增加 1 个赞。
  3. 在带有 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>

基础知识中的所有课