Uso react-router-dom v5 para el enrutamiento en mi aplicación. En algún caso tengo una ruta como esta:
checkup/step-1/:id checkup/step-2/:id checkup/step-3/:id
Por ejemplo, estoy en checkup/step-1/:id
así que quiero redirigir desde allí a checkup/step-2/:id
. Para redirigir, uso hisory.push()
. Pero el resultado se vuelve así:
checkup/step-1/:id/checkup/step-2/:id
Pero mi resultado esperado es:
checkup/step-2/:id
Utilice /
al principio.
Por ejemplo:
history.push('/checkup/step-2/:id')
en vez de
history.push('checkup/step-2/:id')
puede usar el componente Redirect
proporcionado por react-router-dom
p.ej:
import {Redirect} from 'react-router-dom' function MyComponent (){ return ( <> {condition && <Redirect to='/your-desire-path'/>} <MyOtherStaff/> </> ) }