我可以在本機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＃not-react-dom-inner
3. div＃not-react-dom-outer

但是，實際上是在下面。

1. div＃not-react-dom-inner
2. div＃not-react-dom-outer
3. 按鈕（反應組件）

我想在本機DOM事件之前趕上React SyntheticEvent。
有什么好的方法嗎？

Answer 1

React事件處理程序實際上並沒有綁定到button ，事件處理程序在React文檔的根目錄偵聽，這就是為什么這些回調觸發的順序可能不符合預期的原因。