import { useEffect } from "react";
import { useNavigate } from "react-router-dom";
function Redirect({ to }) {
let navigate = useNavigate();
useEffect(() => {
navigate(to);
});
return null;
}
// usage
<Routes>
<Route path="/" element={<Home />} />
<Route path="/events" element={<Users />} />
<Route
path="/dashboard"
element={<Redirect to="/events" />}
/>
</Routes>;
官网FAQS中对于v6给出的解决方案,我只是官网的搬运工(-)(-)React Router | Migrating from @reach/router[这里是图片001]https://reactrouter.com/docs/en/v6/upgrading/reach#what-about-clicking-links-that-arent-updated