/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 vote154 views1 answer
Remove an item from a component in react
Javascript React
5 votes172 views1 answer
React dom
Javascript React
0 vote213 views1 answer
React native communicate with webview
Javascript React
2 votes137 views1 answer
Function component react form
Javascript React
3 votes211 views1 answer
Could not resolve dependency: npm ERR! peer react@"17.0.1" from [email protected]
Javascript React
3 votes206 views2 answers
How to know the current route in react class component
Javascript React
0 vote195 views1 answer
Horizontal tabs in react js
Javascript React
-1 vote182 views1 answer
How to load the images from the website dynamically in react
Javascript React
23 votes210 views4 answers
Change port react app
Javascript React
34 votes188 views3 answers
React-router
Javascript React