“Comment déclencher sur un flou uniquement lorsqu'il est cliqué sur le composant parent extérieur et non le composant enfant dans React JS” Réponses codées

Comment déclencher sur un flou uniquement lorsqu'il est cliqué sur le composant parent extérieur et non le composant enfant dans 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
    }
}