/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

1 vote302 views1 answer
Unordered list in react native
Javascript React
0 vote290 views1 answer
Yarn add react-native-elements
Javascript React
0 vote258 views1 answer
Option component in react js errors
Javascript React
11 votes325 views2 answers
How to add react icons using npm
Javascript React
3 votes301 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
40 votes288 views5 answers
Fetch react
Javascript React
32 votes291 views1 answer
'react-router-dom'
Javascript React
0 vote351 views1 answer
Onclick inline function react
Javascript React
98 votes345 views2 answers
Add bootstrap to react,.........,,,,
Javascript React
1 vote298 views1 answer
React js empty build
Javascript React