当我在 React 中单击链接组件时如何重新加载页面？

Question

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

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

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

Answer 1

你确定要重新加载整个页面或只是再次渲染它，按照国家这种变化？

重新渲染比浏览器重装速度更快，因为它只会更新所需要的部分，而不是再次重新打开你的整个Web应用程序。

如果你有反应的状态，在那里你可以保持一个指示用户是否登录或没有，然后调用setState()的内logout()函数将重新呈现你的看法。