/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

2 votes190 views1 answer
React array find index
Javascript React
0 vote229 views1 answer
React js bootstrap select option required
Javascript React
3 votes233 views3 answers
Adding donet chart text center in react
Javascript React
0 vote192 views1 answer
React component visibility
Javascript React
0 vote223 views1 answer
How to change the choose file button text in react
Javascript React
0 vote193 views1 answer
Refresh page by hand in react
Javascript React
0 vote202 views1 answer
React route send informaion in url
Javascript React
15 votes219 views6 answers
Form in react
Javascript React
0 vote197 views1 answer
How to refresh android studio react native
Javascript React
1 vote181 views1 answer
React js component parameters
Javascript React