react合成事件

Posted 2021-08-29 Smile沛沛

react合成事件是什么？用了很久都没有踩合成事件的坑，于是第一次react合成事件这个词出现在我视野中，我在脑袋中搜索，居然完全没有一点印象。于是赶紧去看了一下，React合成事件。

简而言之：react内部自己通过事件冒泡实现了一套事件触发机制。👍

那么合成事件和原生事件的区别是什么？怎样区分呢？

• 原生事件: 在 componentDidMount生命周期里边进行addEventListener绑定的事件

• 合成事件: 通过 JSX 方式绑定的事件，比如 onClick={() => this.handle()}

为什么要有合成事件呢？合成事件解决了什么问题？

• 消除了不同浏览器的事件机制的区别

合成事件实现的机制是什么？原理是什么？

基于浏览器的事件机制实现的，通过冒泡事件冒泡到顶层元素，再统一分发处理


详情可见这位大佬的blog，十分棒！