面试：轻松拿捏React事件机制、fiber架构

面试：轻松拿捏React事件机制、fiber架构

1. React事件机制（面试简述版）

React的事件机制可以分为2个阶段：事件绑定和事件触发。

事件绑定

React提供了合成事件，合成事件与原生事件有着一定的对应关系。

有3个对象需要前置了解一下：

1. registrationNameModule：包含了React事件与对应的plugin的映射。

{
    
    onBlur: SimpleEventPlugin, 
    onClick: SimpleEventPlugin, 
    onClickCapture: SimpleEventPlugin, 
    onChange: ChangeEventPlugin, 
    onChangeCapture: ChangeEventPlugin, 
    onMouseEnter: EnterLeaveEventPlugin, 
    onMouseLeave: EnterLeaveEventPlugin, 
    ... 
}

2. registrationNameDependencies：包含了React事件到原生事件的映射。

{
    
    onBlur: ['blur'], 
    onClick: ['click'], 
    onClickCapture: ['click'], 
    onChange: ['blur', 'change', 'click', 'focus', 'input',