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

Solutions on MaxInterview for how to resolve click for div logging as parent too 2c in react by the best coders in the world

Search
showing results for - "how to resolve click for div logging as parent too 2c in react"
Maja
06 Jan 2018
1var App = React.createClass({
2  handleParentClick: function (e) { 
3    console.log('parent');
4  },
5
6  handleChildClick: function (e) {
7    e.stopPropagation();
8    console.log('child');
9  },
10
11  render: function() {
12    return <div>
13      <p onClick={this.handleParentClick}>
14        <span onClick={this.handleChildClick}>Click</span>
15      </p>
16    </div>;
17  }
18});
19
20ReactDOM.render(<App />, document.getElementById('root'));
source
similar questions
how to get parent 27s ref reactui router accessing parent state from childreact parent component call child methodreact native cover image in parent viewhow to only register one click on nested component and not parent component in react jsswap scroll right in react nativehow to trigger on blur only when clicked outside parent component and not child component in react jspass props from parent to child react functional componentpast value from parent in reactjsreact pass prop to parentreact how to block render if data is not fetched yetreact hooks send data from child to parentpass data from child component to parent componenthide parent component when child component loadedfullcalendar react add event durationpass element from child to parent reactreact hooks update parent state from childpass data from child component to parent component react nativeangular send data to parent component
queries leading to this page
how to resolve click for div logging as parent too 2c in reacthow to resolve click for div logging as parent too 2c in react