代码: https://github.com/JanYLee/recruit-app/tree/add/1-9-user-home

搭建页面结构

主要还是使用现成的antd-mobile组件, 组件和组件可以满足
image.png

效果:
image.png

退出登录

使用插件browser-cookies清除用户cookie, 官网: https://github.com/voltace/browser-cookies
弹窗确认, 并刷新页面
image.png

效果:
test.gif

注销时清空redux

上面的注销只是清空cookie并刷新当前页, 现在需要在注销时清空redux里的用户数据
image.png
把数据回归至初始状态, 并重定向到登录页
image.png