我在反應事件冒泡時遇到問題。我在 span 元素和上部元素的某處有一對圖標，如下例所示：const App = () => {  const onClick = (event) => alert(event.target.nodeName);  return (    <section onClick={onClick}>      <span>        <i className="fas fa-reply"></i> Click me      </span>    </section>  );};單擊i標簽后，我正在等待事件氣泡 - 調用 onClick 至少兩次（第一次用于 i，第二次用于跨度）。但它永遠不會發生。你能告訴我為什么嗎？我知道可能的解決方案 - 設置pointer-events為i，none但我更好奇為什么事件不冒泡。謝謝