/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

16 votes164 views6 answers
React useState hook
Javascript React
1 vote154 views1 answer
Toggle drawer react native
Javascript React
2 votes163 views1 answer
React allow only numbers in input
Javascript React
0 vote156 views1 answer
React js date ago
Javascript React
24 votes153 views5 answers
How to change port in react js
Javascript React
0 vote168 views1 answer
How to calc() height in react native for styling
Javascript React
0 vote155 views3 answers
Scrollview pull to refresh react native
Javascript React
1 vote210 views1 answer
React conditional array item
Javascript React
12 votes203 views3 answers
Vs code emmet for html in react
Javascript React
0 vote139 views1 answer
React native firebase email verification
Javascript React