为什么要导航到不工作的路线？

Question

我有一个React应用程序，仅在签名/ loggedin签名后，用户才能访问主页。我已经检查了Firebase在主页身份验证后提供的用户对象，如果未定义，我已使用导航将用户重定向回到注册。

代码相同：

import React, {useEffect,useState} from 'react'
import {Link,useNavigate,Navigate} from 'react-router-dom';
import profile from './t1.webp'




var usernm="";
 const Homepage = ({user,username,setusername}) => {
     
    if(user=={} || !user)
    {
        console.log(!user);
    <Navigate to="/signup"></Navigate>
    console.log("sycsd")
    }
  
    return (
        <>
            <header>
               //code for homepage
            </header>
        </>
    )
}

export default Homepage

我的console.log：

Homepage.js:29 true
Homepage.js:31 sycsd

显然两个控制台。LOGS都在工作仍然没有导航到注册。

Answer 1

你需要这样做

Const nav=useNavigate()
if(user=={} || !user)
 {
nav("/signup");
  }