/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 vote229 views1 answer
React native nav bars
Javascript React
3 votes372 views3 answers
Center element react native
Javascript React
1 vote251 views1 answer
How to detect onend reach of scrollview in react native
Javascript React
4 votes231 views1 answer
Open a new tab when clicking on a link react
Javascript React
0 vote202 views1 answer
How to add value with useref in react
Javascript React
4 votes214 views1 answer
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function
Javascript React
5 votes263 views2 answers
React img not showing
Javascript React
6 votes228 views1 answer
What is key in react
Javascript React
1 vote207 views1 answer
How to create round image in react native
Javascript React
0 vote219 views1 answer
Jest mock react router params
Javascript React