En el enrutador de reacción 5, podría usar un pero que se eliminó del enrutador de reacción 6. Creo que se reemplazó con , pero eso arroja un error de seguridad para este caso de uso ... Por el motivo que sea.
Redirect ya no está en la react-router version 6 . Para react-router-dom v6 , puede usar Navigate en lugar de Redirect . Aquí está el ejemplo:
import {Routes, Route, Navigate } from "react-router-dom"; function App() { return ( <> <Routes> <Route path="/404" element={<div>Page Not Found/div>} /> <Route path="*" element={<Navigate replace to="/404" />} /> </Routes> </> ); }A partir de v6:
Eliminar <Redirect> s dentro de <Switch>
Elimina cualquier elemento <Redirect> que esté directamente dentro de un <Switch> .
// Change this: <Switch> <Redirect from="about" to="about-us" /> </Switch> // to this: <Switch> <Route path="about" render={() => <Redirect to="about-us" />} /> </Switch><Switch> están bien para permanecer. Se convertirán en elementos <Navigate> en v6.