const Login = () =>; {
const [輸入，setInputs] = useState({
電子郵件：“”，
密碼：“”，
});
const [err, setErr] = useState(null);
const [isLoading, setIsLoading] = useState(false); // 用于加載微調(diào)器的狀態(tài)變量
常量導(dǎo)航 = useNavigate()
const handleChange = (e) =>; {
setInputs((prev) => ({ ...prev, [e.target.name]: e.target.value }));
};
const {登錄} = useContext(AuthContext)
const handleLogin = async (e) =>; {
e.preventDefault();
嘗試 {
setIsLoading(true); // 設(shè)置加載為 true
等待登錄（輸入）；
導(dǎo)航（“/”）
} 捕獲（錯(cuò)誤）{
setErr(err.response.data);
}最后 {
setIsLoading(假); // 將加載設(shè)置回 false
}
};
返回 （
;
SocialMica
<p>
讓與朋友的聯(lián)系變得輕松有趣
</p>
<span>還沒(méi)有帳戶(hù)？</span>
<鏈接到=“/注冊(cè)”>
<按鈕>注冊(cè)
;
<div className="right">
<h1>Login</h1>
<form action="">
<input type="email" placeholder='email' name='email' onChange={handleChange}></input>
<input type="password"placeholder='password' name='password' onChange={handleChange}/>
{err && "invalid email or password"}
<button onClick={handleLogin} disabled={isLoading}> {isLoading ? <Loading/> : "Login"}</button>
</form>
</div>
</div>
</div> )
}
export default Login</pre>
<p>我不明白為什么它不起作用，用戶(hù)登錄并且currentUser存儲(chǔ)了數(shù)據(jù)后，登錄頁(yè)面只會(huì)刷新而不會(huì)重定向，我必須手動(dòng)訪(fǎng)問(wèn)主頁(yè)。
我嘗試在登錄頁(yè)面的handleSubmit函數(shù)中將navigate更改為("/register")，它可以正常工作，但不能使用navigate('/')</p>
1
0
0
P粉555696738
全部回復(fù)(1)
改變你的路徑 /home 不僅僅是 /
就像
{
path:"/home",
element: <Home />
},
它應(yīng)該正常工作
