/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

9 votes164 views1 answer
How to create a react app in current folder
Javascript React
1 vote109 views1 answer
Component vs container react
Javascript React
0 vote113 views1 answer
OnChange react functional programming
Javascript React
1 vote111 views6 answers
UseEffect react
Javascript React
0 vote141 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React
0 vote112 views3 answers
Get url parameter in react js
Javascript React
112 votes138 views10 answers
React
Javascript React
-1 vote97 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
1 vote115 views1 answer
React native slow performance after load iamges
Javascript React
0 vote118 views1 answer
Custom hook for unique items in react
Javascript React