返回全部路线
Web 界面开发
React
从组件与 JSX 开始,逐步掌握 Props、State、Hooks 与前端工程实践。
22
已归档课程
更新至 2026.09.30
课程目录
按顺序学习,也可以直接搜索
22 节课程
- 第 1 课组件与 JSXReact 用组件拆分界面。每个函数组件接收数据并返回 JSX,适合组合成更大的页面。2026.08.31
- 第 2 课Props 组件传参让父组件把不同数据传给同一个子组件,复用界面结构。2026.09.01
- 第 3 课点击事件与回调让组件向用户操作作出响应。2026.09.02
- 第 4 课useState保存交互状态把上一课按钮点击变成页面上可见的练习次数。2026.09.03
- 第 5 课事件中的状态快照解释同一次点击连续两次设置为何只加一。2026.09.04
- 第 6 课批量状态更新一次点击可靠地累计三次。2026.09.07
- 第 7 课受控输入框让 React 状态始终保存输入框当前显示的课程名称。2026.09.08
- 第 8 课map渲染列表与key根据课程数组生成一组结构一致的 React 元素。2026.09.09
- 第 9 课受控输入框让输入内容由 React 状态统一管理。2026.09.10
- 第 10 课表单提交追加列表把受控输入内容追加到课程列表。2026.09.11
- 第 11 课受控输入框让输入内容参与校验、提交或即时预览。2026.09.14
- 第 12 课不可变追加数组状态把受控输入提交为新课程,同时保持状态更新可预测。2026.09.15
- 第 13 课按id删除数组状态不可变地删除一条课程记录。2026.09.16
- 第 14 课按id更新数组状态不可变地更新一条课程记录。2026.09.17
- 第 15 课提取列表项组件把单条课程的显示和更新按钮拆成可复用组件。2026.09.18
- 第 16 课提取组件后放置key提取列表项组件后,仍让 React 在数组生成处识别每一项。2026.09.21
- 第 17 课区分 key 与课程 ID 属性列表项组件既要让 React 识别身份,也要在点击时知道课程 ID。2026.09.22
- 第 18 课稳定 key 保留列表项身份重新排列课程列表时,让每条课程的输入框继续对应原课程。2026.09.23
- 第 19 课受控编辑列表项标题编辑课程标题后即使反转列表,输入值仍与对应课程数据一致。2026.09.24
- 第 20 课提交前检查课程标题非空允许用户暂时清空输入框,但不把空白标题写入课程列表。2026.09.28
- 第 21 课为空白提交显示明确反馈为空白标题提交增加可感知反馈。2026.09.29
- 第 22 课把标题错误关联到输入框让辅助技术读取空白提交产生的错误说明。2026.09.30