/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 vote168 views1 answer
How to add carsoul to react project
Javascript React
0 vote138 views1 answer
Format react code in visual studio code
Javascript React
24 votes183 views6 answers
Proptypes react
Javascript React
0 vote147 views1 answer
Set navigation drawer to open by default react native
Javascript React
118 votes240 views6 answers
Instalar bootstrap en react
Javascript React
114 votes184 views3 answers
Run react app
Javascript React
0 vote141 views1 answer
Dynamic for loop react
Javascript React
0 vote141 views1 answer
Adding js file to reactjs
Javascript React
0 vote177 views1 answer
Avoid compressing imagepicker react native
Javascript React
0 vote158 views1 answer
Take string until react
Javascript React