浅谈React Event实现原理
React 元素的事件处理和 DOM元素的很相似。但是有一点语法上的不同:. 并且 React 自己内部实现了一个合成事件,使用 React 的时候通常你不需要使用 addEventListener 为一个已创建的 DOM 元素添加监听器。回到之前注册事件的方法当绑定完成以后会执行putListener。也就是说,项目组所有事件的回调都会储存在唯一的listenerBank中。注册事件流程图所示,所有的事件都是绑定在Document上。回调统一是ReactEventListener的dispatch方法。总的来说,整个click事件被分发的过程就是:1、用EventPluginHub生成合成事件,这里注意同一事件类型只会生成一个合成事件,里面的_dispatchListeners里储存了同一事件类型的所有回调函数2、按顺序去执行它
用户评论