/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 vote204 views1 answer
Module missing for arearange highcharts react
Javascript React
0 vote212 views1 answer
Rich text react renderer
Javascript React
32 votes173 views6 answers
Usestate react
Javascript React
-2 votes193 views1 answer
Reactsj substring
Javascript React
1 vote195 views1 answer
React vscode stop auto close tag
Javascript React
-1 vote211 views1 answer
How to use error in react hook form
Javascript React
0 vote198 views1 answer
Command reboot android app react native adb command
Javascript React
11 votes186 views4 answers
React native flatlist
Javascript React
3 votes189 views1 answer
React arrays
Javascript React
32 votes190 views5 answers
React disable eslint errors
Javascript React