/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 vote347 views1 answer
React bootstrap col not working
Javascript React
0 vote363 views1 answer
How to pass parent function to child screen in React Navigation
Javascript React
0 vote364 views1 answer
Text and icon on same line react native
Javascript React
0 vote397 views2 answers
Como arreglar el error de Linking.openUrl no funciona react native
Javascript React
0 vote384 views1 answer
How do you iterate through a list in react stackoverflow
Javascript React
36 votes342 views2 answers
Ref hook in react
Javascript React
0 vote362 views1 answer
React native carriage return
Javascript React
1 vote309 views1 answer
React native linking phone call
Javascript React
5 votes323 views2 answers
React onclick new tab
Javascript React
1 vote354 views1 answer
How to position View absolute react native
Javascript React