前端框架之React-----事件系统

react

1.事件委派:

react不是把事件函数绑定到真实的节点上,而是把所有事件绑定到结构的最外层,使用一个统一的监听器,这个事件监听器上维持了一个映射来保持组件内部的事件监听和处理函数。当组件挂载或卸载时,只是在这个统一的事件监听器上插入或删除一些对象,当事件发生时,首先被这个统一的事件监听器处理,然后在映射里找到真正的事件处理函数并调用。

2.在react中使用原生事件:

componentDidMount会在组件已经完成安装并且在浏览器中存在真实dom后调用,此时我们就可以完成原生事件的绑定

在react中使用Dom原生事件时,一定要在组件卸载时手动移除,否则很可能出现内存泄露的问题。(body在组件范围之外,只能使用原生绑定事件实现)

3.避免将原生事件与合成事件混合使用:

尽量避免在React中混用合成事件和原生DOM事件,另外用reactEvent.nativeEvent.stopPropagation()来阻止冒泡是不行的。阻止React事件冒泡行为只能用于React合成事件系统中,没办法阻止原生事件的冒泡。繁殖在原生事件中的阻止冒泡行为,却可以阻止react合成事件的传播。

以上是 前端框架之React-----事件系统 的全部内容, 来源链接: utcz.com/z/382444.html

回到顶部