如何只触发一个onClick函数时,在一个组件也与onClick事件

How to only trigger one onClick function when inside a component also with onClick event?

本文关键字:onClick 一个 组件 事件 函数      更新时间:2023-09-26

下面是示例代码....

<div onClick={this.handeAAAClick}>
  <img onClick={this.handleLinkClick}/>
</div>

当我点击div时,它会触发handleAAAClick事件,然而,当我只点击img时,它会触发两个点击事件,我想要的只是触发handleLinkClick。

我该怎么做呢?

handleLinkClick将获得一个参数event。在这个参数上有一个stopPropagation方法。你需要调用它

function handleLinkClick(e){
   e.stopPropagation();
}