React的事件处理

目录

一、React的事件处理

1、与DOM事件处理的不同之处

（1）React事件的命名方式：小驼峰方式，DOM的命名方式是小写

（2）事件处理函数是以对象的方式赋值,而不是以字符串的方式赋值

（3）阻止默认事件的方式不同

2、React中事件处理函数的定义

（1）使用ES6的箭头数

（2）在构造函数中进行绑定：将事件处理函数作为类的成员函数

（3）在render函数中绑定this

（4）React中事件处理函数

（5）注意事项

3、事件处理中的参数传递

（1）直接传递参数

（2）在定义UI控件时使用data自定义属性，在事件处理函数中通过'e.target.dataset.属性名'来获取UI控件中的data属性值

4、事件流

（1）React的事件流默认是冒泡

（2）React中使用捕获方式：事件类型后面加一个后缀Capture

5、事件对象