/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 vote298 views1 answer
In whatsapp share text add a new line react
Javascript React
0 vote333 views1 answer
React native calender date picker
Javascript React
0 vote307 views1 answer
Scirpt tag react
Javascript React
5 votes289 views2 answers
React native components
Javascript React
0 vote318 views1 answer
How to change grid size with conditional expression in react
Javascript React
0 vote297 views1 answer
Export 'default' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
0 vote327 views1 answer
React navbar material ui
Javascript React
1 vote322 views1 answer
Android resource linking failed react native image crop picker
Javascript React
0 vote301 views1 answer
Justifycontent react native flatlist
Javascript React
0 vote307 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React