/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 vote399 views1 answer
Create react app cloudfront invalidation
Javascript React
61 votes313 views6 answers
Reactjs router
Javascript React
0 vote339 views1 answer
Close all function of react in vscode mac
Javascript React
0 vote344 views1 answer
Take string until react
Javascript React
4 votes346 views2 answers
React countdown timer
Javascript React
2 votes350 views1 answer
React native responsive font
Javascript React
7 votes318 views3 answers
React native class component
Javascript React
0 vote349 views1 answer
Flipper semantic issue react native
Javascript React
0 vote355 views1 answer
OAuth with axios react native
Javascript React
0 vote368 views1 answer
Declaring variable react hooks
Javascript React