/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

2 votes133 views1 answer
React dynamic import
Javascript React
2 votes138 views1 answer
How to clean react native project
Javascript React
1 vote132 views1 answer
Import json file in react native
Javascript React
0 vote137 views1 answer
Vscode react cannot find moudle when import image
Javascript React
-1 vote121 views1 answer
Date time react component
Javascript React
0 vote128 views1 answer
React passport session
Javascript React
1 vote128 views1 answer
Found page without a React Component as default export in
Javascript React
0 vote125 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
3 votes129 views2 answers
React link without underline
Javascript React
0 vote134 views1 answer
React native stopwatch
Javascript React