/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

10 votes208 views3 answers
Install firebase react
Javascript React
0 vote201 views1 answer
Inline style to change background color react
Javascript React
4 votes218 views1 answer
How to add custom font to react project
Javascript React
0 vote189 views2 answers
Can we use .env in react native?
Javascript React
0 vote313 views1 answer
How to align placeholder in react native
Javascript React
0 vote214 views1 answer
Module not found: Can't resolve 'jquery' in react
Javascript React
0 vote232 views1 answer
Navigation.openDrawer is not a function react native
Javascript React
1 vote202 views1 answer
React next alias import
Javascript React
0 vote203 views1 answer
How to filter items in react state
Javascript React
0 vote223 views1 answer
How to setup icomoon in react js
Javascript React