Action sur le flou sauf quand un élément spécifique est cliqué avec react OU comment obtenir l'élément cliqué sur le flou.

Question

Je veux empêcher l'événement onBlur lorsque je clique sur un élément spécifique :

<input type="text" onBlur={<call when I click outside of element except when I click on a specific element>} />

Answer 1

Ce que vous pourriez faire, c'est donner un ID à l'élément qui arrêterait l'appel et vérifier cet ID via event.relatedTarget.id.

    const doSomething = (event) => {
        if(event.relatedTarget.id === "badButton"){
            return
        }
        //Do things
    }

    return(
        <div className="DashboardHeader" onBlur={(e) => doSomething(e)}>
            <button id="badButton">newbutton</button>
        </div>
    )