/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

6 votes311 views1 answer
'useHistory' is not exported from 'react-router-dom'.
Javascript React
0 vote304 views1 answer
React native section list sort by alphabet
Javascript React
1 vote306 views1 answer
Class MyComponent extends React.Component { } ... what is the ES5 equivalent of this *
Javascript React
15 votes304 views2 answers
Link reload page react
Javascript React
0 vote267 views1 answer
./src/App.js Module not found: Can't resolve '@fullcalendar/core/main.css' in 'c:\react-souf\src'
Javascript React
0 vote311 views1 answer
Change poiter text input color react native
Javascript React
1 vote327 views1 answer
Check if new user in firebase react
Javascript React
-2 votes248 views1 answer
React router previous location
Javascript React
15 votes296 views4 answers
Get query params react
Javascript React
1 vote328 views3 answers
React native SafeAreaView
Javascript React