react-router-dom v6的重定向

import { useEffect } from "react";import { useNavigate } from "react-router-dom";function Redirect({ to }) {let navigate = useNavigate();useEffect(() => {navigate(to);});return null;}// usage<Ro

普通网友

3279人浏览 · 2022-03-08 13:27:47

普通网友 · 2022-03-08 13:27:47 发布

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