/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

1 vote145 views1 answer
React transition group
Javascript React
1 vote146 views2 answers
React select npm
Javascript React
0 vote137 views1 answer
Formatt json to create node and child node react
Javascript React
12 votes150 views2 answers
How to integrate redux dev tool to react application
Javascript React
0 vote139 views1 answer
Return multiple native element react native
Javascript React
0 vote157 views1 answer
React native update state object inside object
Javascript React
106 votes177 views2 answers
React npm build
Javascript React
0 vote203 views1 answer
React avoid spreading non-dom props across component
Javascript React
113 votes169 views6 answers
React app
Javascript React
1 vote156 views2 answers
React-native array.filter by index arrow function
Javascript React