/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 vote230 views1 answer
Ngif react
Javascript React
2 votes210 views1 answer
How to do a classname variable and string react
Javascript React
15 votes230 views3 answers
Image react native
Javascript React
0 vote226 views1 answer
Reactjs change fill color .svg
Javascript React
1 vote222 views1 answer
React native flatlist pull to refresh
Javascript React
1 vote222 views1 answer
React 360
Javascript React
0 vote226 views1 answer
Row smaller than the container bootstrap react
Javascript React
0 vote169 views1 answer
React native change image color
Javascript React
1 vote216 views1 answer
Toggle drawer react native
Javascript React
0 vote243 views1 answer
Declaring variable react hooks
Javascript React