/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 vote227 views1 answer
Get call log in react native with filter android
Javascript React
-1 vote218 views1 answer
Component navigation without changin the url react router
Javascript React
6 votes235 views1 answer
React hooks scss supoort
Javascript React
0 vote250 views1 answer
Button color change loop in react
Javascript React
0 vote205 views1 answer
Reactjs sweet alert
Javascript React
-2 votes235 views1 answer
Setting up a React Environment
Javascript React
0 vote226 views1 answer
How to submit form in reactjs and send data in json
Javascript React
30 votes192 views6 answers
React if statement
Javascript React
0 vote200 views1 answer
React js and graphql integration
Javascript React
3 votes195 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React