第 12 课：不可变追加数组状态

用途

把受控输入提交为新课程，同时保持状态更新可预测。

React 状态中的数组视为只读；追加时创建新数组而不调用 push 修改旧数组。

jsx

const [lessons, setLessons] = useState([]);

function addLesson(title) {
  setLessons(items => [...items, { id: crypto.randomUUID(), title }]);
}

增加空标题检查。

if (!title.trim()) return;

继承上一课的受控 title；本课只把它不可变追加到数组；下一课可实现按 id 删除。

时效校验：2026-09-15（React 19.2 当前官方文档）。已打开并核对下列官方文档；示例未使用已废弃接口。