如何根据用户是否登录而使web应用程序的主页看起来有所不同

Question

我正在使用reactjs和spring boot创建一个全栈应用程序。我的主页有一个登录按钮，当您单击它时，它会将您带到登录页面。(我正在使用React Router。)理想情况下，我希望当有人成功登录时，他们会被重新路由回主页--现在主页有了额外的功能。(就像说"Hi (username)")我不知道该怎么做，请帮帮忙！

Answer 1

...

state = { isSignedIn: false }

render() {
    <div>
         {this.state.isSignedIn ? <div>Stuff to show if signed in</div> : <div>Stuff to show if not signed in</div>}
    </div>
}
...

在您的登录处理程序中，调用isSignedIn上的setState将其切换为true。