React 列表与表单

React 列表与表单

前置：React State 与事件

目标：map + key 渲染列表；表单提交增加待办。

动手

完整代码：react2/04-lists-forms/demo

cd react2/04-lists-forms/demo
npm install
npm run dev

---

要点

{todos.map((todo) => (
  <li key={todo.id}>...</li>
))}

• key 用稳定 id，不要用 index（列表会重排时尤其）。
• 表单 onSubmit 里 preventDefault()，再 setTodos。

---

运行截图

下一篇

常用 Hooks