/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

0 vote162 views1 answer
Create-react-app enviroment variables
Javascript React
2 votes133 views2 answers
React native position absolute center
Javascript React
-1 vote95 views1 answer
Vimeo player react native
Javascript React
0 vote121 views6 answers
Replace all in react js
Javascript React
-2 votes130 views1 answer
React native search bar
Javascript React
0 vote188 views1 answer
React implicit return
Javascript React
0 vote126 views7 answers
How to generate debug build in react native
Javascript React
0 vote140 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React
1 vote131 views1 answer
Convert nuber into string react js
Javascript React
1 vote140 views2 answers
Switch in react
Javascript React