文件名称:react-hooks-state-events-pairing
文件大小:965KB
文件格式:ZIP
更新时间:2024-05-07 16:08:59
HTML
React状态和事件配对 学习目标 训练自己 基于模型设计组件 通过道具将数据传递到组件 通过事件处理用户交互 使用状态触发DOM中的更改 设置 分叉并克隆此实验室。 然后, cd进入lab目录并运行: npm install npm start 这将安装所有依赖项,并在浏览器中的运行该应用程序。 可交付成果 您的目标是从头开始构建此应用程序: 该应用程序具有以下功能: 应用加载后,显示视频及其详细信息和所有评论的列表 当用户点击“ :thumbs_up: “按钮,则视频的投票数应增加 当用户点击“ :thumbs_down: “按钮,则视频的否决票数应增加 当用户单击“隐藏评论”按钮时,应从页面中删除评论,并且按钮文本应更改为“显示评论”。 再次单击该按钮时,它应切换回显示注释。 该应用所需的数据可以在video.js文件中找到。 首先计划需要的组件,然后绘制组件层次结构。 然后,使用已在App组件中导入的vide
【文件预览】:
react-hooks-state-events-pairing-master
----.github()
--------workflows()
----public()
--------manifest.json(492B)
--------index.html(2KB)
--------robots.txt(67B)
--------favicon.ico(4KB)
--------logo512.png(9KB)
--------logo192.png(5KB)
----.canvas(152B)
----src()
--------index.css(301B)
--------components()
--------data()
--------index.js(179B)
----README.md(2KB)
----.gitignore(323B)
----package-lock.json(638KB)
----package.json(836B)
----demo.png(815KB)