如何在组件内部也使用onClick事件触发一个onClick函数？

Question

以下是示例代码....

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

当我点击div时它会触发handleAAAClick事件，但是，当我只点击img时，它会触发两个click事件，我想要的只是触发handleLinkClick。

我该怎么做？

Answer 1

handleLinkClick将获得参数event。在此参数上有stopPropagation方法。您需要调用它。

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