/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 vote120 views1 answer
Outline none react native web
Javascript React
0 vote134 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React
2 votes172 views1 answer
Dynamic import in reactjs
Javascript React
1 vote159 views1 answer
Close exit app react native
Javascript React
0 vote124 views1 answer
React i18n outside component
Javascript React
23 votes172 views3 answers
React save to local storage
Javascript React
1 vote132 views1 answer
Adding media queries in makeStyle material react
Javascript React
0 vote149 views1 answer
Concat two arrays each value react typescript
Javascript React
2 votes129 views1 answer
View background image in react native
Javascript React
0 vote156 views1 answer
Reactive forms change event in angular
Javascript React