/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 vote188 views1 answer
React native webview disable touch
Javascript React
9 votes222 views2 answers
Android center text react native
Javascript React
1 vote205 views1 answer
Npm package for sorting in reactjs
Javascript React
0 vote205 views1 answer
React.createElement pass props
Javascript React
3 votes219 views2 answers
React native width auto
Javascript React
0 vote234 views1 answer
React native cli sdk.dir
Javascript React
2 votes244 views3 answers
How to get current date in react js
Javascript React
0 vote197 views2 answers
React router how to send data
Javascript React
0 vote193 views1 answer
React open url with button
Javascript React
0 vote233 views2 answers
Remove the warning for setState on unmounted components in React
Javascript React