/Javascript/React/Handling scrolling on react router transitions

Handling scrolling on react router transitions

import { useEffect } from 'react';
import { withRouter } from 'react-router-dom';

function ScrollToTop({ history }) {
  useEffect(() => {
    const unlisten = history.listen(() => {
      window.scrollTo(0, 0);
    });
    return () => {
      unlisten();
    }
  }, []);

  return (null);
}

export default withRouter(ScrollToTop);

Source: stackoverflow.com

Similar codes

2 votes245 views2 answers
Select field in react native
Javascript React
0 vote251 views1 answer
Rotas react com axios
Javascript React
0 vote210 views1 answer
How do i make a link to direct me to a new page when i click on a button in react
Javascript React
0 vote208 views1 answer
Reactjs join two array
Javascript React
-1 vote234 views7 answers
How to trim dates in react
Javascript React
0 vote426 views1 answer
Scroll to a input on button click react native
Javascript React
0 vote225 views2 answers
React toastify dark mode
Javascript React
33 votes225 views2 answers
Routing in react
Javascript React
6 votes238 views1 answer
React native loading
Javascript React
0 vote229 views1 answer
Comming soon page in react
Javascript React