React 组件中怎么做事件代理？它的原理是什么

类别：react / 日期：2022-12-23 / 浏览：221 / 评论：0

React 基于 Virtual DOM 实现了一个 SyntheticEvent 层（合成事件 层），定义的事件处理器会接收到一个合成事件对象的实例，它符合 W3C 标准，且与原生的浏览器事件拥有同样的接口，支持冒泡机制， 所有的事件都自动绑定在最外层上。

在 React 底层，主要对合成事件做了两件事：

事件委派：React 会把所有的事件绑定到结构的最外层，使用统一的 事件监听器，这个事件监听器上维持了一个映射来保存所有组件内部 事件监听和处理函数。

自动绑定：React 组件中，每个方法的上下文都会指向该组件的实例， 即自动绑定 this 为当前组件。