/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

1 vote378 views1 answer
Stream closed react native
Javascript React
0 vote378 views1 answer
React bootstrap button
Javascript React
1 vote386 views1 answer
Breakline in react native
Javascript React
108 votes417 views1 answer
How to start react app in windows
Javascript React
-1 vote353 views1 answer
React localstorage remove item
Javascript React
4 votes327 views1 answer
React router dom v6 goback
Javascript React
0 vote367 views1 answer
How to display a calender in react native
Javascript React
0 vote431 views1 answer
React chunk file too large
Javascript React
0 vote379 views3 answers
Get url parameter in react js
Javascript React
0 vote408 views1 answer
React native uid
Javascript React