/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 vote330 views1 answer
React download file from express res.download
Javascript React
0 vote320 views1 answer
How to convert timestamp to date in react native
Javascript React
0 vote327 views1 answer
Detecting change in animated value react native
Javascript React
-2 votes317 views1 answer
Reactsj substring
Javascript React
0 vote340 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript React
5 votes329 views2 answers
React js download file
Javascript React
0 vote380 views1 answer
React native app slow lagging image
Javascript React
0 vote333 views1 answer
Use this in a react js component
Javascript React
0 vote341 views1 answer
Javascript ReactDOM.render
Javascript React
0 vote295 views3 answers
Router dom react v6
Javascript React