/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

139 votes286 views2 answers
React js installation steps
Javascript React
0 vote148 views1 answer
Textinput multiline start from top react native
Javascript React
0 vote95 views1 answer
Left side menu react js
Javascript React
3 votes129 views3 answers
Chart js react
Javascript React
10 votes141 views3 answers
Install firebase react
Javascript React
0 vote215 views1 answer
Provider not found react
Javascript React
0 vote132 views1 answer
Write !important in react
Javascript React
0 vote142 views1 answer
Font family react
Javascript React
0 vote139 views1 answer
Overflow scroll react native
Javascript React
0 vote131 views1 answer
How to call api on load using hooks in react
Javascript React