[英]React Router Link Persists after Page Navigation
I have managed to get my react-router to navigate to another page on my website however after it's done redirecting the link or button in this case still persists on the other page (login.js).我已经设法让我的 react-router 导航到我网站上的另一个页面,但是在这种情况下重定向链接或按钮后仍然存在于另一个页面(login.js)上。
Can someone explain to me why this happens, and how I get it to not render on my page?有人可以向我解释为什么会发生这种情况,以及我如何让它不在我的页面上呈现?
App.js应用程序.js
import Login from "./login";
import React from "react";
import "./App.css";
import { Routes, Route, Router } from "react-router-dom";
import { useNavigate } from "react-router-dom";
function App() {
const navigate = useNavigate();
const handleClick = () => {
navigate("/login");
}
return (
<div className="Main">
<Routes>
<Route path="/login" element={<Login />} />
</Routes>
<button onClick={handleClick} type="button" />
</div>
);
}
export default App;
Login.js登录.js
[![import React from "react";
export default function Login() {
return (
<div className="Login">
<h1>Login</h1>
</div>
)}
如果您清楚地看到您的路线在 div 内工作,这意味着即使您的路线发生变化,任何与路线一起的内容都将永久显示在页面上。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.