/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

2 votes236 views2 answers
Chrome back button click event react
Javascript React
1 vote211 views1 answer
Google font in react native
Javascript React
9 votes227 views3 answers
React import font awesome
Javascript React
0 vote196 views1 answer
Reactjs join two array
Javascript React
1 vote177 views1 answer
View onpress react native
Javascript React
0 vote199 views1 answer
Bottom tab navigator react native transparent
Javascript React
1 vote204 views1 answer
I18n turn off suspense react
Javascript React
31 votes225 views3 answers
React mui icons
Javascript React
0 vote186 views1 answer
React make component full screen
Javascript React
0 vote208 views1 answer
Duplicate module name: React Native hasteimpl react native android
Javascript React