Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

373
Vistas
react-router-dom: retroceder dos veces en la historia en el evento de retroceso

Tengo tres componentes C1, C2, C3 mapeados en las rutas /c1 , /c2/ , /c3 .

Quiero evitar que el componente C3 permita (a través del manejo de eventos del navegador) volver a C2 y, en su lugar, ir directamente a C1 .

¿Cómo logro esto?

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Esta funcionalidad es necesaria porque C2 actúa como "post-and-redirect". Imagine casos en los que el navegador realiza una operación POST y, cuando actualiza la página, le pregunta si desea volver a enviar el formulario. Bueno, ese es exactamente mi caso.

En este caso, puede redirigir el flujo para mantener la pila de historial que desee. Al hacerlo, cualquier navegación hacia atrás (imperativa/declarativa del código o del botón Atrás del navegador) da como resultado volver a la página correcta a la que desea que el usuario regrese.

Acción Pila de historial Sendero Atrás Ubicación
inicial ["/"] "/" ~
EMPUJAR "/c1" ["/", "/c1"] "/c2" "/"
EMPUJAR "/c1/c2" ["/c1", "/c1/c2"] "/c1/c2" "/c1"
REEMPLAZAR "/c1/c3" ["/c1", "/c1/c3"] "/c1/c3" "/c1"
POP (1) ["/c1"] "/c1" ~

Para usar la navegación imperativa en react-router-dom :

  • v5 usa el useHistory

    • use history.push para la navegación normal
    • use history.replace para redirigir
    • use history.back o `history.go(-1) para retroceder una página
  • v6 usa el useNavigate .

    • use navigate(to) para la navegación normal
    • use navigate(to, { replace: true }) para redirigir
    • use navigate(-1) para volver a una página
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda