es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo navegar a una URL separada en react router Dom v6?

04 Jun, 2023 Programación

Estoy creando un formulario de validación con una función que verifica la contraseña y el correo electrónico. Si es verdadero, debería navegar a un sitio web separado (no a una ruta dentro del sitio web). Pero no está funcionando.

Este es mi código a continuación:

función validar() {
    if (email==='123@123.com' && password==="123456"){
        console.log(email);
 history('http://www.dummy.com/webmail')
}
}

devolver{
.
.
.
<Button className={stylesAuth.submitButton} variant="warning" onClick={validar}>
}

¿Cómo debería hacerlo?

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para navegar hacia un sitio web separado, puede utilizar la propiedad window.location.href en lugar del objeto history. Reemplace history('http://www.dummy.com/webmail') con window.location.href = 'http://www.dummy.com/webmail' en su función validate().

    Aquí está el código actualizado:

    function validate() {
    if (email === '123@123.com' && password === '123456') {
        console.log(email);
        window.location.href = 'http://www.dummy.com/webmail';
    }
}

return {
    ...
    <button classname="{stylesAuth.submitButton}" variant="warning" onclick="{validate}">
    ...
}

    Esto debería navegar a `http://www.dummy.com/webmail` cuando el correo electrónico y la contraseña son correctos.

Comments are closed.