在原生DOM事件发生之前，我能捕捉到反应SyntheticEvent吗？

Question

我试图在原生DOM元素上捕获React的SyntheticEvent。

https://jsfiddle.net/xwh6dyur/2/

此代码生成以下DOM元素。

<div id="not-react-dom-outer">
  <div id="not-react-dom-inner">
    <div id="container">
      <div data-reactid=".0">
        <button data-reactid=".0.0">react button</button>
      </div>
    </div>
  </div>
</div>

我期望下面的事件顺序按照正常的事件冒泡。

1. 按钮(反应元件)
2. div#没有反应-内部
3. div#无反应-多姆-外部

但是，实际上是在下面。

1. div#没有反应-内部
2. div#无反应-多姆-外部
3. 按钮(反应元件)

我想在原生DOM事件之前捕捉到响应SyntheticEvent。

有什么好的方法吗？

Answer 1

React事件处理程序实际上并不绑定到button，事件处理程序侦听React文档的根，这就是为什么这些回调触发的顺序可能不像预期的那样。