用户登录时更改导航栏

Posted

技术标签:

【中文标题】用户登录时更改导航栏【英文标题】:Changing the Navbar when user Logged in 【发布时间】:2021-04-02 18:59:21 【问题描述】:

我正在为我的任务构建一个网络应用程序,但我是新手。我只是想在登录时更改我的导航栏。

例如:

登录前: 登录后:

【问题讨论】:

【参考方案1】: 创建一个状态,该状态将存储用户是否登录。 使用 That State 有条件地渲染组件。

示例应用:

小例子:Stackblitz

【讨论】:

欢迎和愉快的编码。

以上是关于用户登录时更改导航栏的主要内容,如果未能解决你的问题,请参考以下文章

Laravel 5:如果用户登录,则更改导航栏

用户在 Vue.js 和 Firebase 中注册后更改导航栏的状态

导航栏不会根据路由条件在 app.js 中呈现。路由更改时不会触发 Useeffect

如何在用户注销时隐藏侧边栏并在用户登录时显示侧边栏?

大家好,一旦他们登录到网站,我如何在导航栏上显示用户名?

登录后如何从导航栏中删除登录按钮