/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

3 votes417 views3 answers
How to uninstall react native cli globally
Javascript React
0 vote395 views2 answers
Combine p5 with react
Javascript React
-1 vote382 views2 answers
React native font based on viewport dimensions
Javascript React
2 votes353 views2 answers
React material ui media queries
Javascript React
0 vote395 views1 answer
Reactjs lifecycle class components
Javascript React
0 vote318 views1 answer
How to find network there is no network react native
Javascript React
1 vote334 views1 answer
Iconify react
Javascript React
0 vote347 views1 answer
Scrollreveal react tutoriel
Javascript React
0 vote351 views1 answer
React buffer to image
Javascript React
0 vote318 views1 answer
Concat two arrays each value react typescript
Javascript React