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

Question

Below is the sample code....

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

When I click the div and it will trigger handleAAAClick event, however, when I only click on img, and it will trigger both click event, what I want is only to trigger handleLinkClick.

How should I do that?

Suren Srapyan · Accepted Answer · 2016-08-22 06:24:18Z

4

The handleLinkClick will get a parameter event.On this parameter there is a stopPropagation method.You need to call it.

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

answered Aug 22, 2016 at 6:24

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related