反应 Link 到当前 URL 不重新加载页面

Question

我的 ReactJS 网站上有一个图像徽标，它有一个 link 来加载当前页面 URL。我可以看到 URL 是正确的（当我将鼠标悬停在图像上时，正确的 URL 显示在浏览器的左下角），但是当我点击图像时，页面没有重新加载（它基本上什么都不做，甚至不重新渲染）。

<Link to={`${window.location.pathname}`}>
     <img className="img-fluid" src={Logo} alt="Alt_Text" />
</Link>

有什么方法可以在不使用 Link 中的 onClick 处理程序的情况下重新加载页面？

Answer 1

如果你想强制window重新加载，你可以尝试在任何你想触发的事件中使用window.location.reload()。

React-Router-Dom 仅在检测到任何更改时才会重定向您的 url 历史记录，并且根本不会重新加载页面，因为 React 通常用于构建 Single-Page-Application (SPA) .所以你问的和React的原理是矛盾的，React-Router-Dom.

Answer 2

试试这些：

用户Link:

 <Link to={`${window.location.pathname}`} onClick={()=>{window.location.reload()}}> <img className="img-fluid" src={Logo} alt="Alt_Text /></Link>

或使用标签：

 <a href={`${window.location.pathname}`}><img className="img-fluid" src={Logo} alt="Alt_Text /></a>

React Link to current URL does not reload page