/Javascript/React/React scroll on top while transition

React scroll on top while transition

import ScrollToTop from "./scrollToTop";

function App() {
  return (
    <Router>
      <ScrollToTop />
      <App />
    </Router>
  );
}

Source: stackoverflow.com

React scroll on top while transition

import ScrollToTop from "./scrollToTop";

ReactDOM.render(
    <BrowserRouter>
        <ScrollToTop />
        <App />
    </BrowserRouter>
    document.getElementById("root")
);

Source: stackoverflow.com

React scroll on top while transition

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;
}

Source: stackoverflow.com

Similar codes

1 vote299 views1 answer
Reactnode prop-types
Javascript React
0 vote259 views1 answer
React native run-android --release
Javascript React
0 vote242 views1 answer
Olx clone react
Javascript React
0 vote198 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React
18 votes195 views1 answer
Get specific characters from state variable reactjs
Javascript React
2 votes185 views1 answer
React nginx returns 404 after reload
Javascript React
0 vote215 views2 answers
React router dom link same page with different param
Javascript React
0 vote206 views1 answer
Stateprovider.js react
Javascript React
0 vote370 views1 answer
How to place text over image in react
Javascript React
0 vote201 views1 answer
Stop from from refresching page react
Javascript React