/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 vote378 views1 answer
How to get year in react
Javascript React
126 votes488 views4 answers
Npm create react app
Javascript React
0 vote317 views1 answer
Shortcut to format reactjs visual studio
Javascript React
0 vote321 views1 answer
React bootstrap button
Javascript React
0 vote303 views1 answer
React hooks link to external site new tab
Javascript React
2 votes315 views1 answer
React nginx returns 404 after reload
Javascript React
0 vote306 views1 answer
React Update a label when rate moves "quietly"
Javascript React
21 votes286 views6 answers
React native apk build
Javascript React
3 votes315 views1 answer
React get method
Javascript React
0 vote328 views1 answer
React native no android sdk found
Javascript React