/Javascript/React/How to resolve click for div logging as parent too, in react

How to resolve click for div logging as parent too, in react

var App = React.createClass({
  handleParentClick: function (e) { 
    console.log('parent');
  },

  handleChildClick: function (e) {
    e.stopPropagation();
    console.log('child');
  },

  render: function() {
    return <div>
      <p onClick={this.handleParentClick}>
        <span onClick={this.handleChildClick}>Click</span>
      </p>
    </div>;
  }
});

ReactDOM.render(<App />, document.getElementById('root'));

Source: stackoverflow.com

Similar codes

0 vote194 views1 answer
How to get circle around text in react natvie
Javascript React
0 vote191 views1 answer
React native firebase community template
Javascript React
2 votes194 views1 answer
React concatenate string and component
Javascript React
0 vote222 views1 answer
Cookies in react native
Javascript React
0 vote189 views1 answer
React Alert when rate changes
Javascript React
0 vote203 views1 answer
React import coreui icons
Javascript React
0 vote171 views7 answers
How to generate debug build in react native
Javascript React
0 vote186 views1 answer
Add clickable link to image in react native
Javascript React
-2 votes194 views1 answer
Setting up a React Environment
Javascript React
0 vote201 views2 answers
Combine p5 with react
Javascript React