/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 vote298 views1 answer
Dull or blur a background image in react native
Javascript React
0 vote375 views1 answer
How to update state.item[1] in state using setState? React
Javascript React
1 vote287 views1 answer
Parent to child react state
Javascript React
1 vote292 views1 answer
React native android padding style
Javascript React
0 vote327 views1 answer
Npm auth0-react
Javascript React
0 vote292 views1 answer
Nested arrays reactjs tables
Javascript React
6 votes307 views1 answer
What is key in react
Javascript React
7 votes282 views3 answers
React native class component
Javascript React
1 vote304 views1 answer
React manifest.json 404 (not found)
Javascript React
6 votes308 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React