/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 vote264 views1 answer
Websocket with Node and React
Javascript React
111 votes222 views6 answers
Install bootstrap in react
Javascript React
140 votes349 views5 answers
React js installation
Javascript React
17 votes222 views6 answers
React native build android
Javascript React
0 vote264 views1 answer
Localhost server in react native
Javascript React
-1 vote261 views1 answer
Convert create-react-app to typscript
Javascript React
0 vote225 views1 answer
React js set default route
Javascript React
0 vote263 views1 answer
How to detect if app is loosing focuse in react native
Javascript React
0 vote247 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
0 vote244 views1 answer
How to check if we reach end of div react hooks
Javascript React