“So auslösen Sie auf Unschärfe nur, wenn Sie auf externe übergeordnete Komponente klicken und keine untergeordnete Komponente in React JS” Code-Antworten

So auslösen Sie auf Unschärfe nur, wenn Sie auf externe übergeordnete Komponente klicken und keine untergeordnete Komponente 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
    }
}