React中如何详细解析并优化事件处理机制？

本文共计1921个文字，预计阅读时间需要8分钟。

目录 + 1. 事件绑定 + 1.1 函数组件 + 1.2 类组件 + 2. 组合事件 + 3. 事件传参的三种不同写法 + 4. this 指向问题 + 1. 事件绑定 + React 元素的事件处理和 DOM 元素非常相似，但在语法上有所不同：React 事件使用小驼峰命名法。

目录

• 1. 事件绑定
• 1.1 函数组件
• 1.2 类组件
• 2. 合成事件
• 3. 事件传参的3种不同写法
• 4. this 指向问题

1. 事件绑定

React 元素的事件处理和 DOM 元素的很相似，但是有一点语法上的不同:

React 事件的命名采用小驼峰式，而不是纯小写。

onClick => onChange

使用 JSX 语法时你需要传入一个函数作为事件处理函数，而不是一个字符串。