如何使用 React Router 刷新页面？

Question

我想使用 React Router 点击刷新页面。

我知道，我可以用window.location.reload();

但我想使用 React Router 的一些魔法。有一种方法可以使用 React Router 刷新页面，还是应该使用 window 对象中的普通方法？

Answer 1

如果你使用的是react-router v6，那么试试这个（以此为例），它可能会起作用！

import { useNavigate } from "react-router-dom";

const navigate = useNavigate();

const refreshPage = () => {
  navigate(0);
}

如果您使用的是旧版，请尝试这个！

只需将该属性放在您的路由器上，每当您位于新路径上时，它就会强制页面自行重新加载。

<Router forceRefresh={true}>