“Как запустить размытие только при щелчке внешнего родительского компонента, а не дочернего компонента в React JS” Ответ

Как запустить размытие только при щелчке внешнего родительского компонента, а не дочернего компонента в 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
    }
}