/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

9 votes152 views1 answer
Create react app in existing folder
Javascript React
0 vote154 views2 answers
React native share image
Javascript React
0 vote229 views1 answer
How to change tab color react bootstraps customixation
Javascript React
0 vote129 views1 answer
React-native eject not working
Javascript React
3 votes184 views1 answer
React create array
Javascript React
2 votes139 views2 answers
Fullcalendar react add event duration
Javascript React
0 vote138 views1 answer
React onclick div
Javascript React
0 vote140 views1 answer
Discord.js TypeError: Reactedmsg.delete message using id
Javascript React
5 votes148 views3 answers
How to open a new tab in react
Javascript React
4 votes136 views2 answers
Get request react
Javascript React