时间戳

首页 > 解决方案 > 使用到达路由器识别初始登录页面

reactjs - 使用到达路由器识别初始登录页面

问题描述

我正在尝试向我的应用程序添加后退光标。后退光标应位于除登录页面之外的所有页面上。

问题是我的应用程序有两个可能的流程，因此用户可以从登陆页面 A 或登陆页面 B（取决于流程）进入应用程序。

使用到达路由器，有没有办法识别页面是否是用户到达的第一页？

标签： reactjstypescriptreach-router

解决方案

我成功地使用location.key来检查这个。唯一的缺点是路由器也将此状态保存在 localStorage 中，因此手册页重新加载不会显示为initial. 在我的用例中，这不是问题。

import { useLocation } from '@reach/router';

const location = useLocation();

if(location.key === 'initial') {
    console.log('Initial page load');
}

推荐阅读