/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

24 votes199 views3 answers
Set port in react app
Javascript React
3 votes218 views1 answer
React native duplicate resources: Android
Javascript React
0 vote244 views1 answer
How to disable react in jsx scope eslint
Javascript React
7 votes209 views1 answer
Firebase react js
Javascript React
0 vote217 views1 answer
Return <Text> using if condition react native
Javascript React
0 vote218 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React
0 vote178 views1 answer
Import pdfmake in react
Javascript React
0 vote215 views1 answer
Shallow render in react
Javascript React
3 votes215 views1 answer
Render image url in react native
Javascript React
0 vote237 views2 answers
React typed js
Javascript React