请问登陆状态下刷新页面时,按钮会先显示‘登陆’,1~2秒后自动会再编程退出状态,该怎么解决?

来源:7-1 根据登录权限决定页面展示(1)

慕用3070704

2021-01-13 22:54:17

请问登陆状态下刷新页面时,按钮会先显示‘登陆’,1~2秒后自动会再编程退出状态,该怎么解决?

写回答

1回答

好帮手慕久久

2021-01-14

同学你好,由于变量login的初始值是false,所以按钮会先显示“登录”。在生命周期函数componentDidMount中,会动态请求登录状态,当请求成功后,会修改按钮的文字:请求成功后,如果是登录状态,则按钮的文字会变成“退出”。请求过程中,如果网速很慢,请求过程就会很长,此时会出现同学所说的问题。由于逻辑是没有错误的,所以只能通过其他方式改善用户体验。比如可以在请求的过程中,将按钮的文字改成“加载中...”,成功获取到登录状态后,再改成“登录/退出”。老师简单写了个demo,供同学参考:

http://img.mukewang.com/climg/5fffaaaf094131d609780732.jpg

http://img.mukewang.com/climg/5fffaac80967a72e07680543.jpg

http://img.mukewang.com/climg/5fffaaf30946f4e208680321.jpg

祝学习愉快!


0

0 学习 · 15276 问题

查看课程