reactjs - React Router Dom 在网站加载时更改 URL

Question

使用 React Router Dom，如何在网站加载后立即更改网站的 URL？

我尝试在导航的主 div 上添加以下内容作为“onLoadedMetadata”事件，该事件在启动时加载。

 const loadHandler = () => {
    useHistory.push("./home");
  };

我还尝试了类似的方法，使用带有 use 效果的 'useHistory.push("/home")' ，然后在加载 React Router Dom 的位置函数时触发该方法。我无法达到我的结果不过我正在寻找。

我已经正确设置了链接和路由，只是不知道如何在网站加载后立即更改 URL。

提前致谢。

Answer 1

您可以将 useEffect 重定向到启动文件中的 window.location.href="/example"(可能是 App.js)。

 useEffect(() => {
    window.location.href="/example"
  });