/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 vote434 views1 answer
React router dom v6 active link
Javascript React
0 vote401 views1 answer
Onpress not working with usestate react native
Javascript React
0 vote399 views1 answer
React app link description preview
Javascript React
4 votes427 views2 answers
Change the route on button click react
Javascript React
1 vote404 views1 answer
How to authenticate token in react using axios
Javascript React
0 vote436 views1 answer
How to accept only. proper email from an input field react with functional component
Javascript React
9 votes367 views1 answer
Create react app in current folder
Javascript React
0 vote445 views2 answers
React open pdf in new tab
Javascript React
4 votes373 views4 answers
React background gradient
Javascript React
0 vote439 views1 answer
React grid generator
Javascript React