/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

32 votes374 views1 answer
'react-router-dom'
Javascript React
0 vote400 views1 answer
React if event.target is input
Javascript React
1 vote392 views1 answer
React native modal not full screen
Javascript React
4 votes374 views1 answer
Import all images from folder reactjs
Javascript React
4 votes387 views1 answer
How to creat emmet in react
Javascript React
0 vote381 views1 answer
React native scrollable
Javascript React
69 votes418 views6 answers
React icon
Javascript React
0 vote334 views1 answer
Create-react-app height issues with flex
Javascript React
9 votes399 views2 answers
Android center text react native
Javascript React
0 vote388 views1 answer
Reset navigation to specific tab react-navigation
Javascript React