/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

2 votes236 views1 answer
Upload image in firebase storage react web
Javascript React
2 votes262 views1 answer
Best react native ui library
Javascript React
0 vote267 views2 answers
Hello world react
Javascript React
5 votes229 views4 answers
Google map in react js
Javascript React
0 vote253 views1 answer
React js error stackoverflaw
Javascript React
0 vote246 views1 answer
Access to XMLHttpRequest has been blocked by CORS policy React
Javascript React
0 vote243 views1 answer
Start live server react js
Javascript React
2 votes284 views2 answers
Capture enter button react input
Javascript React
0 vote241 views1 answer
How do i make a link to direct me to a new page when i click on a button in react
Javascript React
32 votes234 views1 answer
How to use routes in react js
Javascript React