如何全面深入地了解React事件处理机制？

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

目录

1.事件绑定

1.1 函数组件 1.2 类组件

2.组合事件

3.事件传参的三种不同写法

4.this 指向问题

1. 事件绑定 React 元素的 events 和 DOM 元素的 events 处理方式非常相似，但语法上略有不同：React 事件名使用小写字母，DOM 事件名使用大写字母。

目录

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

1. 事件绑定

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

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