中级第 5 / 17 节30 分钟 · 实操
处理事件
React 课程的一部分
一个只会依据属性和状态来渲染的组件,本身还谈不上可交互:必须有东西察觉到用户点了按钮、在字段里打了字或者按了某个键,并把这个动作转成一次状态更新。上一课你已经接过一个 onClick,当时没有停下来解释它。这一课会放慢节奏,认真看看 React 的事件机制,因为它带着一个陷阱,几乎每个新手第一次上手都会踩中,现在就把它点破,能替你省下将来某个非常混乱的下午。
React 允许你直接把事件处理函数挂到 JSX 元素上,用的属性名就照着它所响应的那个 DOM 事件来写,采用小驼峰形式:点击用 onClick,输入框内容变化用 onChange,依此类推。这个属性的值是一个函数,你既可以单独定义它,也可以内联写出来。
你将学到什么
- OnClick handler
- OnChange basics
- Passing functions vs calling them
- Event object
- Passing handlers as props
用你的语言阅读本课
本课程的所有课时
17 节- 1什么是 React?25 分钟
- 2JSX 与组件 (Components)30 分钟
- 3属性 (Props)30 分钟
- 4使用 useState 管理状态 (State)35 分钟
- 5处理事件30 分钟
- 6条件渲染与列表30 分钟
- 7表单与受控输入 (Controlled Inputs)35 分钟
- 8使用 useEffect 实现副作用 (Effects)40 分钟
- 9数据获取40 分钟
- 10组件组合 (Component Composition)35 分钟
- 11Context 与 useContext35 分钟
- 12useReducer35 分钟
- 13自定义钩子 (Hooks)35 分钟
- 14性能与记忆化 (Memoization)35 分钟
- 15使用 React Router 进行路由40 分钟
- 16测试 React 组件 (Components)40 分钟
- 17顶点项目:待办事项应用60 分钟
探索其他课程
Python
19 节 · 9.3小时
Go
20 节 · 12.3小时
Linux
17 节 · 8.5小时
Docker
13 节 · 6.6小时
Git
13 节 · 5.9小时
Kubernetes
14 节 · 8小时
Ansible
12 节 · 6.1小时
Bash
12 节 · 5.7小时
Helm
10 节 · 5.4小时
GitLab CI
11 节 · 5.8小时
Jenkins
11 节 · 5.3小时
PostgreSQL
14 节 · 7.6小时
MySQL
13 节 · 6.8小时
Web
14 节 · 5.9小时
TypeScript
18 节 · 7.7小时
Vibe Coding
12 节 · 5.8小时
Prompt Engineering
11 节 · 6.2小时
Vibe 编程:基础
12 节 · 4.5小时
Vibe 编程:从原型到生产
12 节 · 5.5小时
Vibe 编程:多智能体工程
12 节 · 5.3小时
Vibe 编程:高级工程
12 节 · 7.3小时
