/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 vote138 views1 answer
React native load function each time visit screen
Javascript React
1 vote114 views1 answer
Expo update react native
Javascript React
-1 vote115 views2 answers
Minified react error #200
Javascript React
4 votes169 views3 answers
Width 100% react-native
Javascript React
1 vote124 views2 answers
Push values to state array class react
Javascript React
7 votes126 views4 answers
React native update state array of objects
Javascript React
0 vote114 views1 answer
Onpress not working with usestate react native
Javascript React
0 vote114 views2 answers
Read and save excel with react
Javascript React
0 vote115 views2 answers
Reactjs firebase timestamp to date
Javascript React
1 vote136 views2 answers
React native modal
Javascript React