/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

0 vote127 views1 answer
Dynamic classname react
Javascript React
0 vote138 views1 answer
Setstate before function react
Javascript React
0 vote133 views1 answer
React native geocoding
Javascript React
6 votes135 views2 answers
React native password field
Javascript React
0 vote126 views1 answer
Search Filter with React Native on FlatList
Javascript React
0 vote136 views1 answer
How to convert timestamp to date in react native
Javascript React
29 votes134 views2 answers
React or vue
Javascript React
0 vote133 views1 answer
Npm auth0-react
Javascript React
-1 vote135 views1 answer
What is the use of consrtructors in reactjs
Javascript React
0 vote122 views1 answer
Open modal on clicking select option in react
Javascript React