/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 vote192 views1 answer
Ctx in react
Javascript React
1 vote223 views1 answer
Picker change event react native
Javascript React
1 vote246 views1 answer
Found page without a React Component as default export in
Javascript React
0 vote236 views1 answer
How react work
Javascript React
0 vote231 views1 answer
TextField input font color React Material UI
Javascript React
0 vote235 views1 answer
React-multi-carousel don't work
Javascript React
8 votes228 views2 answers
React set title of page
Javascript React
24 votes235 views6 answers
Shadow react native
Javascript React
0 vote229 views1 answer
How to change background image dynamically in react
Javascript React
0 vote235 views1 answer
Remove unused dependencies React
Javascript React