单击 Link 组件时如何重新加载页面？

Question

我正在使用 reactJS 创建注销功能。当我单击注销按钮时，本地存储的令牌被删除。但是，虽然删除了localstroage，但在我重新加载页面之前，我的header无法注意到变化。（当页面是根页面“/”时。如果页面不是根页面，它工作正常。）我该如何解决这个问题？？

<Link to="/" onClick={AuthenticationService.logout} className="headerBtn">
     logout
</Link>

logout() {
     localStorage.removeItem("authenticatedUser");
     localStorage.removeItem("token");
         }

Answer 1

您确定要重新加载整个页面还是再次呈现它，然后再更改状态？

re-render 比浏览器重新加载快得多，因为它只会更新需要的部分，而不是再次重新打开整个网络应用程序。

如果你确实有 React 的状态，你可以在其中指示用户是否登录，那么在你的 logout() 函数中调用 setState() 将 re-render 你的视图。

How I reload the page when I click Link component in react?