学会 React 基础

这门课教你用 React 写一个能读数据、响应点击、接收输入、按状态变化更新界面的小组件。它不按 API 字典铺开,而是沿着一个真实前端组件会遇到的顺序走:先把界面拆成组件,再把数据放进 props 和 state,最后处理事件、列表、effects 和表单。

学完你将能(course objectives):

• 能把一个界面拆成可复用 React 组件。
• 能用 JSX 描述组件返回的 UI,并避开常见语法陷阱。
• 能区分 props 和 state,判断数据该放在哪里。
• 能处理点击与输入事件,让组件随用户操作更新。
• 能用条件渲染、列表渲染和基础 effect 组织真实界面行为。
• 能组合出一个小型受控表单组件。

先修: 会写基础 JavaScript 函数、对象、数组和 map();知道 HTML 标签大概长什么样。

练习环境: 你自己的编辑器、终端和一个 React 项目目录。本课不内嵌沙盒。

课时表

来源见 sources.md。