Tengo este codigo en react, y espero que al pasar el mouse sobre una seccion, se ejecute la funcion onMouseOver
que le paso por props al componente. Esta funcion solo imprime un console.log del e.target
. La cosa es que si yo paso el mouse sobre la seccion, correctamente veo <section id="amenities"... />
, pero si paso el mouse sobre algun elemento interno de esta section, ahora se consolea el elemento interno. Hay alguna forma de SIEMPRE obtener como e.target
el section
en lugar de sus elementos internos?
<section
className="resort-amenities"
id="amenities"
onMouseEnter={onMouseOver}
>
<h2 className="title">Amenities</h2>
<div className="amenities-wrapper">
{renderAmenities}
</div>
</section>