reactjs - 如何刷新 React 中的组件？

Question

这是我的标题组件：

class HeaderComponent extends  React.Component {

    render() {

        const  isUserLoggedIn=AuthenticationService.isUserLoggedIn()
        console.log(isUserLoggedIn)
        return(
            <header>
                <nav className="navbar navbar-expand-md navbar-dark bg-dark">
                    <div><a  href="http://www.in28minutes.com" className="navbar-brand">in28minutes</a></div>
                    <ul className="navbar-nav">
                        {isUserLoggedIn && <li><Link className="nav-link" to="/welcome/in28minutes">Home</Link></li>}
                        {isUserLoggedIn && <li><Link className="nav-link" to="/todos">Todos</Link></li>}
                    </ul>
                    <ul className="navbar-nav navbar-collapse justify-content-end ">
                        {!isUserLoggedIn && <li><Link className="nav-link" to="/login"  >login</Link></li>}
                        { isUserLoggedIn && <li><Link className="nav-link" to="/logout" onClick={AuthenticationService.logout}>logout</Link></li>}
                    </ul>
                </nav>
            </header>
        )
    }
}

单击登录按钮后，我想重新渲染标题组件。有什么建议么？我尝试过window.location.reload(true)，但在这样做之后，JWT 令牌正在从会话中删除。我想要一个替代解决方案window.location.reload(true)。

标签： reactjs