/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 vote283 views1 answer
How to run electron and react using concurrently
Javascript React
0 vote277 views1 answer
Reset navigation to specific tab react-navigation
Javascript React
1 vote247 views1 answer
Bootstrap icons react
Javascript React
1 vote233 views1 answer
React native onpress show component
Javascript React
0 vote237 views2 answers
Undo npm run eject react
Javascript React
5 votes240 views3 answers
Linear gradient react js
Javascript React
0 vote260 views1 answer
Back press subscriptions i is not a function react native
Javascript React
1 vote282 views1 answer
Check if new user in firebase react
Javascript React
0 vote255 views1 answer
React native fetch response code
Javascript React
2 votes282 views1 answer
React import multiple images
Javascript React