我可以在Native DOM事件之前捕获React 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＃未反应-DOM-内
3. DIV＃未反应-DOM-外

但实际上是在下面。

1. DIV＃未反应-DOM-内
2. DIV＃未反应-DOM-外
3. 按钮（反应组件）

我想在Native DOM事件之前捕获React SyntheticEvent 对此有什么好的方法吗？

Answer 1

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