/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 vote193 views1 answer
React catch error in component
Javascript React
-1 vote208 views1 answer
React native toggle button with text
Javascript React
0 vote217 views1 answer
Use this in a react js component
Javascript React
0 vote210 views1 answer
React router dom change default path
Javascript React
0 vote248 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
1 vote197 views1 answer
Get value of input element on button click react
Javascript React
1 vote250 views1 answer
Import react js video player
Javascript React
31 votes205 views6 answers
React Sass
Javascript React
0 vote145 views0 answer
React
Javascript React
0 vote191 views1 answer
How to call api on load using hooks in react
Javascript React