/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 vote396 views1 answer
S3 private image getobject react js
Javascript React
1 vote349 views1 answer
Concatenating variables and strings in React
Javascript React
0 vote387 views1 answer
V4 history for react action or api calls
Javascript React
0 vote365 views2 answers
React firebase hooks
Javascript React
0 vote384 views1 answer
Svelte reactive async
Javascript React
-2 votes313 views1 answer
React router previous location
Javascript React
66 votes370 views4 answers
How to redirect to a website in react
Javascript React
0 vote392 views1 answer
@types react-router-dom
Javascript React
2 votes379 views2 answers
React detect screen size
Javascript React
1 vote398 views1 answer
Change react native app name
Javascript React