/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

0 vote170 views1 answer
React-particles-js not working
Javascript React
0 vote203 views1 answer
How to disable reactive form submit button in Angular
Javascript React
0 vote217 views1 answer
How to add abutton component to drawer in react native
Javascript React
0 vote185 views1 answer
React dropdown search bar
Javascript React
0 vote166 views1 answer
React open on different url instead of localhost
Javascript React
0 vote206 views1 answer
React useEffect() the side-effect runs after every rendering
Javascript React
0 vote225 views1 answer
Import batch from 'react-redux'
Javascript React
32 votes207 views1 answer
How to do routes react js
Javascript React
0 vote189 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React
69 votes201 views6 answers
React route
Javascript React