/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 vote372 views1 answer
Escaping less than great than signs in react
Javascript React
0 vote323 views1 answer
Metro server not running react native
Javascript React
1 vote329 views1 answer
How to set limit in map in react hook
Javascript React
0 vote346 views1 answer
Page is loading from previous page scroll in reactjs
Javascript React
262 votes478 views6 answers
Create a react native project
Javascript React
0 vote333 views1 answer
How to create module in react
Javascript React
-1 vote352 views1 answer
Moment in react native
Javascript React
8 votes295 views2 answers
React-router-dom get current route
Javascript React
0 vote351 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React
0 vote326 views1 answer
React hook form reset only one field
Javascript React