React 的事件和普通的 HTML 事件有什么不同？

类别：react / 日期：2022-12-23 / 浏览：221 / 评论：0

区别： 

对于事件名称命名方式，原生事件为全小写，react 事件采用小驼峰；

对于事件函数处理语法，原生事件为字符串，react 事件为函数； react 事件不能采用 return false 的方式来阻止浏览器的默认行 为，而必须要地明确地调用 preventDefault()来阻止默认行为。 合成事件是 react 模拟原生 DOM 事件所有能力的一个事件对象，其 优点如下：-React

兼容所有浏览器，更好的跨平台；

将事件统一存放在一个数组，避免频繁的新增与删除（垃圾回收）。 方便 react 统一管理和事务机制。

事件的执行顺序为原生事件先执行，合成事件后执行，合成事件会冒 泡绑定到 document 上，所以尽量避免原生事件与合成事件混用，如 果原生事件阻止冒泡，可能会导致合成事件不执行，因为需要冒泡到 document 上合成事件才会执行。-react