0

Estoy construyendo la página de LogIn de una web y cuando el usuario introduce email y contraseña y le da a la tecla "Enter" del teclado, me gustaría que eso saltase a la página /Home, por ejemplo.

Hasta ahora, lo que hacía para pasar entre páginas era usar el Link de React Router, pero eso ya no me funciona ya que el usuario no hace click en ninguna parte.

Gracias

2
  • 1
    Quizás podría servirte esta respuesta, comenta si es que no para ver otra manera de ayudarte ;) stackoverflow.com/questions/27827234/… Commented el 8 nov. 2020 a las 6:03
  • @MauricioRoss eso es lo que estoy utilizando, de hecho cuando el usuario le da a Enter salta un alert. Pero he intentado meter un Link de React Router y no me funciona.
    – nerviosus
    Commented el 8 nov. 2020 a las 9:30

1 respuesta 1

1

Si ya tienes instalado el paquete react-router-dom en tu proyecto, simplemente utiliza el HOC withRouter sobre el componente que necesites hacer el cambio de página.

Con esto tendrás acceso al historial de tu aplicación y podrás utilizar history.push('/home') para navegar a la ruta que necesitas.

Por ejemplo:

import { withRouter } from 'react-router-dom'

const Login = (props) => {
    const { history } = props

    const handleLogin = () => {
        ...

        history.push('/home')
    }

    return (
        <>...</>
    )
}

export default withRouter(Login)

El botón submit de tu formulario debería llamar a la función handleLogin() y tendrías que controlar los eventos enter sobre los campos de texto, que también llamarían a esa función.

1
  • Esto ha funcionado perfectamente. Muchas gracias!
    – nerviosus
    Commented el 15 nov. 2020 a las 11:48

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.