Quiero que la consola registre el botón cada vez que se hace clic en el botón, pero si hago clic en cualquier elemento secundario dentro del botón, el elemento secundario se imprime en su lugar, lo cual no es lo que quiero. ¿Cómo me aseguro de que se imprima el elemento que tiene el detector de eventos?
const onCrossClick = (e) => { console.log(e.target); }; <button className="delete-button" onClick={onCrossClick} > <i className="fas fa-times-circle fa-2x"></i> </button>const onCrossClick = (e) => { console.log(e.currentTarget); }; <button className="delete-button" onClick={onCrossClick}> <i className="fas fa-times-circle fa-2x"></i> </button>Usa closest() .
const onCrossClick = (e) => { console.log(e.target.closest("button")); };