Cómo usar “push” en React Router DOM v6
Utilizo react-router-dom v6, vi que hubo algunos cambios.
Necesito reemplazar esto:
return <Redirect push to={`/url/${this.state.myState}`} />
con:
return <Navigate replace to={`/url/${this.state.myState}`} />
pero no sé cómo utilizar el “push” en la versión 6.
davy.ai
En react-router-dom v6, el componente
<redirect>
ha sido reemplazado por el componente<navigate>
. Para reemplazar el código antiguo que utiliza<redirect>
con el nuevo que utiliza<navigate>
, puedes utilizar el siguiente código:La propiedad
replace
en<navigate>
es equivalente a la propiedadpush
en<redirect>
de la versión anterior. Por lo tanto, cuando utilizas la propiedadreplace
, la navegación reemplazará la entrada actual del historial en lugar de agregar una nueva.