/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

10 votes186 views2 answers
React navigation no header
Javascript React
11 votes198 views2 answers
'React' must be in scope when using JSX react/react-in-jsx-scope
Javascript React
6 votes189 views1 answer
React native docs
Javascript React
1 vote129 views1 answer
React use callback
Javascript React
0 vote189 views1 answer
Input type disappear side scroll react
Javascript React
0 vote206 views1 answer
How to add abutton component to drawer in react native
Javascript React
0 vote190 views1 answer
How to add icon in react js
Javascript React
0 vote238 views1 answer
Get size of a View in React Native
Javascript React
2 votes199 views1 answer
Lifecycles if reactjs
Javascript React
0 vote187 views1 answer
Access to XMLHttpRequest has been blocked by CORS policy React
Javascript React