第 21 课2026.09.29
为空白标题提交增加可感知反馈。
第 21 课:为空白提交显示明确反馈
- 日期:2026-09-29
- 课程序号:第 21 课
- 知识点:提交错误状态与
aria-live
用途或适用场景
为空白标题提交增加可感知反馈。
核心概念
本课沿用上一课的示例与命名,只增加“提交错误状态与 aria-live”这一项;先保留既有结果,再观察新增步骤带来的变化。
最小代码或操作示例
text
{error && <p role="alert">请输入课程标题</p>}3~5 分钟练习
照着示例完成一次,再替换一个输入值或操作对象,确认新增步骤仍然只影响预期结果。
参考答案
能复用上一课产出完成示例,并得到与“为空白标题提交增加可感知反馈。”一致的结果;其余既有状态保持不变。
与上一课的联系
继承第 20 课“提交前检查课程标题非空”的同一数据、对象与操作路径;本课只新增提交错误状态与 aria-live;完成后下一课可在此结果上补充边界或发布前验证。
时效校验
时效校验:2026-09-29(已打开并核对官方当前文档;适用版本:React 19.3;未见本课用法的废弃标记)。