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

Question

下面是示例代码....

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

当我点击div和它会触发handleAAAClick事件，然而，当我只按一下IMG，它会同时触发点击事件，我想要什么只是触发handleLinkClick。

我该怎么做？

Answer 1

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

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