[![introducir la descripción de la imagen aquí][1]][1]

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.

```export const App = () => {

    const votar = useRef(null);

    const focusVotar = () => {
        votar.current.focus();
    }

    return (
        <div className='ContenedorWeb'>
            <Header focusVotar={focusVotar}/>
            <MenuVotacion ref={votar}/>
            <ComoFunciona />
            <SobreNosotros />
            <Footer />
        </div>
    )
}
 ```

  [1]: https://i.sstatic.net/nDsON.png


```export const Header = ({focusVotar}) => {
    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>
    )
}
```