react：onClick-只获取被点击的元素，而不是子元素

我有一个按钮，在此按钮内是一个非常棒的svg。侦听器仅在按钮上，而不在svg上。但是，当我单击svg时，event.target不是按钮。

但是我只需要按钮作为目标。

这是代码：

const icon = '';

class App extends React.Component {
  constructor(props) {
    super(props);
  }

  handleClick(event) {
    event.stopPropagation();
    console.log(event.target);
  }

  render() {
    return (
      

        
          
        
      
    )
  }
}

ReactDOM.render(, document.getElementById('root'));

我写了一点笔：https : //codepen.io/DaFunkyAlex/pen/aRvVjd

您应该使用：event.currentTarget，它始终是侦听事件的对象。

的event.target是，收到的点击支付的实际目标。