/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

1 vote326 views2 answers
Autofocus react
Javascript React
0 vote332 views1 answer
React fetch request with content type x-www-form-urlencoded
Javascript React
6 votes337 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote339 views1 answer
Preventive vs reactive
Javascript React
0 vote334 views1 answer
React-template-helper
Javascript React
2 votes306 views1 answer
View background image in react native
Javascript React
0 vote303 views1 answer
React enzyme
Javascript React
0 vote330 views1 answer
Use jsx extension react-native
Javascript React
0 vote342 views1 answer
React duration picker
Javascript React
-2 votes329 views1 answer
Starter react redux project
Javascript React