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
replaceen<navigate>es equivalente a la propiedadpushen<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.