/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 vote190 views1 answer
React redux wait for props
Javascript React
1 vote187 views2 answers
Switch is not exported from react-router-dom
Javascript React
1 vote148 views1 answer
How to pass props in react test cases
Javascript React
32 votes203 views6 answers
React copy array
Javascript React
0 vote192 views1 answer
How to set dynamic size in react js
Javascript React
64 votes227 views7 answers
React router
Javascript React
-2 votes171 views2 answers
Import link react
Javascript React
3 votes197 views2 answers
React get data attribute from element
Javascript React
0 vote195 views1 answer
Get all database react native
Javascript React
-1 vote196 views2 answers
What is a react hook
Javascript React