reactjs - 如何在反应中更新导航栏
问题描述
我正在开发反应项目,我的导航栏有一个登录按钮
在 Navigation.js 中,我检查用户是否登录
const authenticated = user != null;
并决定显示登录或注销
{authenticated ? (
<LogoutButton logout={logout} />
) : (
<Link to="/login">
<button>Login</button>
</Link>
)}
但问题是登录后,导航栏没有更新为注销。我怎么解决这个问题?
解决方案
在您的导航类中
constructor(props) {
super(props);
this.state = {
authenticated : null
};
};
componentDidMount() {
// Call this function here or anywhere like user login event
this.setState({authenticated : user != null});
}
推荐阅读
- python - 根据关键字列表过滤数据
- c# - 选项集合的功能转换
- php - laravel 垃圾方法不存在
- python-3.x - 如何在windows10中为python3的ttkthemes设置主题?
- android - ImageView 与 FlingAnimation 一起消失
- c# - 是否可以一次测试整个阵列?
- javascript - 为什么我在 JavaScript 中的石头剪刀布脚本不起作用
- c - 是否可以为我的程序使用 linux/rbtree.h(Linux 内核的 rbtree 实现)?还是应该只用于编写内核模块?
- angular - 如何返回继承对象的类型列表?
- dialogflow-es - 完全匹配训练短语意图 Dialogflow