【前端】React 事件委托

1,121 阅读1分钟

事件

  1. react的事件流、合成事件: reactjs.org/docs/events…
    react在document层级监听各类事件,使用事件委托+复用事件对象(即修改对象属性,而非重新创建对象)提高性能。即onClick等函数不会实际绑定到dom对象中,也不能异步读取react的事件对象。
  2. react会给每个dom元素添加一个noop listener,因此开发者工具中看到的listener个数比想象中的多。原因是处理IOS上面的一个bug:#13625
  3. 不建议自行再次实现事件委托以节省函数个数,性能并不会有巨大提升。多个listener和只使用一个listener的性能分析:Should I use event delegation in React?