xxxxxxxxxx
import { Link } from "react-router-dom";
import { useState, useEffect } from "react";
const Header = () => {
const [navClick, setNavClick] = useState();
useEffect(() => {
window.scrollTo(0, 0);
}, [navClick]);
return (
<nav>
<div>
<Link to="/" onClick={() => setNavClick(!navClick)}>
Home
</Link>
</div>
</nav>
);
};
export default Header;
xxxxxxxxxx
import { useEffect } from "react";
import { useLocation } from "react-router-dom";
export default function ScrollToTop() {
const { pathname } = useLocation();
useEffect(() => {
window.scrollTo(0, 0);
}, [pathname]);
return null;
}
function App() {
return (
<Router>
<ScrollToTop />
<App />
</Router>
);
}