/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

17 votes202 views5 answers
React native background image
Javascript React
0 vote238 views2 answers
Airbnb and eslint react native
Javascript React
0 vote192 views1 answer
Reactjs npm take photo
Javascript React
0 vote263 views1 answer
How to only register one click on nested component and not parent component in react js
Javascript React
0 vote211 views1 answer
Error code ELIFECYCLE REACTJs
Javascript React
0 vote201 views1 answer
On close tab react native web
Javascript React
1 vote203 views1 answer
Commit in react
Javascript React
0 vote197 views1 answer
React link onclick refresh page
Javascript React
3 votes185 views2 answers
React api call
Javascript React
13 votes196 views4 answers
React deep copy
Javascript React