渐进式编程课
React 目录
第 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;未见本课用法的废弃标记)。

官方参考