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

  } />
  } />
  }
  />
;

官网FAQS中对于v6给出的解决方案，我只是官网的搬运工(^-^)(^-^)React Router | Migrating from @reach/routerhttps://reactrouter.com/docs/en/v6/upgrading/reach#what-about-clicking-links-that-arent-updated