Imaginemos que tengo esto:
<div className='parent'> <div className='child'></div> <div className='child-1'></div> <div className='child'></div> <div className='child-1></div> </div>E imaginemos que tiene un menú desplegable. ¿Cómo puedo apuntar a los componentes secundarios 1 con la función onMouseEnter al pasar el componente principal? Soy nuevo en reaccionar, no puedo encontrar una respuesta, por favor
puede usar el gancho useRef para obtener el elemento secundario
import React, { useRef } from "react"; import "./styles.css"; export default function App() { const parentRef = useRef(null); const doSomething = () => { console.log(parentRef.current.children); }; return ( <div className='parent' ref={parentRef} onMouseOver={doSomething}> <div className='child'></div> <div className='child-1'></div> <div className='child'></div> <div className='child-1></div> </div> ); }