/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 votes135 views1 answer
This.setstate is not a function in react native
Javascript React
0 vote122 views1 answer
React open on different url instead of localhost
Javascript React
8 votes139 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
0 vote132 views1 answer
React tutorial componentDidMount() componentWillUnmount()
Javascript React
26 votes83 views4 answers
React context
Javascript React
0 vote117 views1 answer
Reactjs sweet alert
Javascript React
0 vote124 views2 answers
Hot reload problem react 17
Javascript React
0 vote138 views1 answer
Card react native
Javascript React
1 vote126 views1 answer
How to set state when change viewport react
Javascript React
2 votes153 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React