React将所有的原生事件抽象包装层自己的合成事件,这样就不用花费心智在各个浏览器当中不同兼容性的原生事件了。
合成事件能模拟原生 DOM 事件所有能力的一个事件对象
例如: React合成事件
<button conClick={e=>{console.log(e.nativeEvent)}}原生事件
const onclick = e=>{
console.log(e.nativeEvent)
}合成事件与原生事件的不同
命名写法不同 合成事件命名用驼峰命名法 (camelCase) 原生事件命名用全小写
事件绑定写法不同
合成事件用conClick={}来传递一个函数名
原生事件是直接用字符串:onclick="handleClick()"