xxxxxxxxxx
<Redirect to="/" />
// has been replaced with
<Navigate replace to="/" />
// Use case
import { Navigate } from "react-router-dom";
<Route path="/somePath" element={<Navigate replace to="/" />} />
xxxxxxxxxx
/*
Si desea utilizar el componente Redirect, deberá utilizar la versión 5 del enrutador react.
*/
import { Navigate } from "react-router-dom";
return (
<Navigate to="/dashboard" replace={true} />
)
xxxxxxxxxx
import { Navigate } from "react-router-dom";
return (
<Navigate to="/dashboard" replace={true} />
)
xxxxxxxxxx
For react-router-dom v6, simply replace Redirect with Navigate
import { Navigate } from 'react-router-dom';
.
.
.
{ component: () => <Navigate to="/404" /> }
xxxxxxxxxx
<Route path='/404' component={My404Component} />
<Redirect from='*' to='/404' />
xxxxxxxxxx
In react-router-dom version 5.x.x > 6 we can use <Redirect />
import { Redirect } from 'react-router-dom';
{ component: () => <Redirect to="/dashboard" /> }
In react-router-dom version 5.x.x < 6 we can use <Navigate />
import { Navigate } from 'react-router-dom';
{ component: () => <Navigate to="/dashboard" /> }