/Javascript/React/How to trigger on Blur only when clicked outside parent component and not child component in react js

How to trigger on Blur only when clicked outside parent component and not child component in react js

// assign handleBlur to parent's onBlur i.e. <Parent onBlur={handleBlur} />
handleBlur(event) {
    // currentTarget is the parent element, relatedTarget is the clicked element
    if (!event.currentTarget.contains(event.relatedTarget)) {
        // code when clicked outside parent and children components
    }
}

Source: stackoverflow.com

Similar codes

0 vote203 views1 answer
Show and Hide element in react
Javascript React
0 vote167 views1 answer
React google login
Javascript React
2 votes295 views2 answers
Select option in reactive forms
Javascript React
0 vote194 views1 answer
Mdbootstrap react
Javascript React
23 votes270 views5 answers
USE ICONS IN REACT
Javascript React
1 vote229 views1 answer
Add sass autoprefixer to react
Javascript React
0 vote195 views1 answer
React native navigation paramlist never used
Javascript React
4 votes280 views3 answers
Add google map in react js
Javascript React
0 vote193 views1 answer
React load script after render
Javascript React
0 vote207 views1 answer
Button color change loop in react
Javascript React