javascript - useNavigator & currentAuthenticatedUser [反应，放大]

Question

如果用户已登录，则需要触发 useNavigator()，否则需要显示导入的 UI 组件。

我已经从我的 App.js 设置了浏览器路由：

主页路由到“/ ”

另一个页面呈现在“/app”。

让我知道我是否应该提供更多详细信息。谢谢您的帮助！

    import React from "react"
    import '../App.css';
    import {HeroLayout3} from "../ui-components"
    import { Auth, Hub } from 'aws-amplify';

    import { useNavigate } from "react-router-dom";

    export function Home() {
      let navigate = useNavigate()
      return (
        Auth.currentAuthenticatedUser({
          bypassCache: true }).then(() => navigate('/app')).catch(<HeroLayout3                 
      width="100vw" height="79vh"/>)
      );
    }

    export default Home;