/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 vote105 views1 answer
Lite youtube embed react
Javascript React
0 vote95 views1 answer
Form changes button enable reactive forms
Javascript React
0 vote144 views1 answer
Download images from http link in react
Javascript React
0 vote108 views2 answers
Background transparent react native
Javascript React
0 vote111 views1 answer
React first click not working
Javascript React
1 vote93 views1 answer
React native flatlist margin bottom
Javascript React
0 vote111 views1 answer
Localhost server in react native
Javascript React
0 vote111 views1 answer
React native style variable
Javascript React
21 votes107 views6 answers
Elevation react native
Javascript React
5 votes101 views1 answer
Wrap text react native
Javascript React