La nueva versión de react-router-dom (v6.0.0) no identifica "Redireccionar". ¿Cuál es la alternativa para ello?
El redireccionamiento solo se realiza a través del componente Navigate con el accesorio de replace especificado.
<Navigate replace to="/" /> Si desea replicar el componente de redirección de RRDv5 Redirect desde una ruta, debe combinarlo con una Route .
<Route path="/somePath" element={<Navigate replace to="/" />} />Si no está renderizando su aplicación en el servidor, aún puede redirigir en el renderizado inicial en el cliente de esta manera:
import { Routes, Route, Navigate } from "react-router-dom"; function App() { return ( <Routes> <Route path="/home" element={<Home />} /> <Route path="/" element={<Navigate replace to="/home" />} /> </Routes> ); } En el ejemplo anterior, cuando alguien visite / , será redirigido automáticamente a /home , igual que antes.
Sin embargo, tenga en cuenta que esto no funcionará cuando el servidor renderice porque la navegación ocurre en React.useEffect() .
Eche un vistazo a Redirecciones en React Router v6 para obtener más detalles.
Esto es lo que dijeron los equipos de react-router-dom sobre las redirecciones cuando se eliminó esa API en v6: https://github.com/remix-run/react-router/blob/main/docs/upgrading/reach. md#redirect-redirectto-isredirect