Mi intencion es que al dar click en un elemento del header en este caso al de Votar quiero que se mueva (haga un foco) automaticamente al componente MenuVotacion. Probé haciendo foco a un input y funciona pero con un componente no lo hace.
const votar = useRef(null);
const focusVotar = () => {
votar.current.focus();
}
return (
<div className='ContenedorWeb'>
<Header focusVotar={focusVotar}/>
<MenuVotacion ref={votar}/>
<ComoFunciona />
<SobreNosotros />
<Footer />
</div>
)
}
return (
<div className='contenedor-header'>
<img src={logoVecorBlanco} ></img>
<ul>
<li><a onClick={() => focusVotar()}>Votar</a></li>
<li><a>¿Como funciona?</a></li>
<li><a>Sobre nosotros</a></li>
</ul>
</div>
)
}