Skip to main content
se eliminaron 386 caracteres en el cuerpo
Origen Enlace

introducir la descripción de la imagen aquí

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>
    )
}

introducir la descripción de la imagen aquí

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>
    )
}

introducir la descripción de la imagen aquí

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>
    )
}
se añadieron 388 caracteres en el cuerpo
Origen Enlace

introducir la descripción de la imagen aquí

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>
    )
}

introducir la descripción de la imagen aquí

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>
    )
}

introducir la descripción de la imagen aquí

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>
    )
}
etiquetas editadas
Enlace
Origen Enlace
Loading