反應點擊事件不冒泡

Question

我在反應事件冒泡時遇到問題。 我在 span 元素和上部元素的某個地方與 icon 配對，如下例所示：

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，第二次為跨度） 。 但它永遠不會發生。 你能告訴我為什么嗎？

我知道可能的解決方案 - 將i上的pointer-events設置為none ，但我更好奇為什么事件沒有冒泡。

謝謝

Answer 1

我看到了你在問題中提到的代碼。

首先，您沒有將 onClick 事件添加到

<i/>

標簽。 首先在其中添加 onClick 然后嘗試添加跨度。 截至目前，我看到您僅添加了 onClick 部分。