/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 vote384 views2 answers
Reactjs hello world
Javascript React
0 vote434 views1 answer
Reactjs lifecycle class components
Javascript React
1 vote382 views3 answers
React native SafeAreaView
Javascript React
0 vote364 views1 answer
React native zindex issue on android
Javascript React
18 votes489 views3 answers
How to setup tailwind for reactjs
Javascript React
1 vote364 views1 answer
Module '"../../../node_modules/react-native"' has no exported member 'View'
Javascript React
1 vote387 views1 answer
How to setup React Context, useContext Hook
Javascript React
0 vote396 views4 answers
React tutorial for beginners
Javascript React
0 vote345 views1 answer
I18n react get current language
Javascript React
12 votes386 views1 answer
React chrome extension
Javascript React