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/:idPero mi resultado esperado es:
checkup/step-2/:idUtilice / 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/> </> ) }