如何解决对登录的主页和主页陌生人使用相同的路由
对于登录的主页和主页陌生人来说,拥有相同的主页路线:“/”的方法是什么?例如。登录后,用户将被重定向到带有登录组件数据的“/”路由,如果用户注销 - 他也将被重定向到“/”,但里面有主页陌生人数据。>
我有 2 个组件:HomePageLoggedIn 和 HomePageStranger,我试图了解如何根据 localStorage 条件、道具或其他方式在相同的“/”路由下显示它们。
我尝试使用 localStorage 为登录设置布尔值,然后检查“/”的 App.js 路由声明 - localStorage 的登录值是否为 true 或 false。在我看来这是错误的:
<Route exact path="/">
{localStorage.getItem("isLoggedIn") &&
localStorage.getItem("isLoggedIn").length > 0 ? (
<HomePageLoggedIn />
) : (
<HomePageStranger />
)}
</Route>
问题是localStorage存储flag的速度比重定向慢,因此用户登录后登陆了陌生人首页,只有手动刷新页面才能看到登录页面。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。