通过currentUser里面的值 如果里面有值就进入 登录显示的组件 没有值就显示未登录的组件
第一步:
通过mapState //获取到登录里面login里的currentUser,然后赋给Menu
同时 reducer里面的user login仓库也增加一个字段currentUser:initUser(),
下次进来的时候不让他进来就是空 在reducer里面的user login仓库写一个initUser方法 从本地获取user
const initUser=()=>{
//从本地获取用户信息
const currentUser=getData('currentUser')
if (currentUser) {
return currentUser
}
return null
}
这样就可以Menu 有props通过currentUser里面的值 如果里面有值就进入 登录显示的组件 没有值就显示未登录的组件
currentUser也会从本地缓存里面读取值 在reducer login里面。(通过initUser方法)
然后再到登录页面的搭建:
登录清空和注册同理 reducer里面重新取值
要写设置内容
构建一个页面里面有退出以及更新功能