Breaking News: Grepper is joining You.com. Read the official announcement!

how to resolve click for div logging as parent too, in react

Homely Heron answered on June 29, 2021 Popularity 1/10 Helpfulness 1/10

answer how to resolve click for div logging as parent too, in react

how to resolve click for div logging as parent too, in react

Comment

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'));

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: click javascript logging parent resolve

Link to this answer
Share Copy Link