/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 votes233 views4 answers
Can't perform a React state update on an unmounted component
Javascript React
0 vote247 views1 answer
React router dom default params
Javascript React
0 vote265 views1 answer
Import a component react js
Javascript React
1 vote262 views1 answer
React map array limit
Javascript React
1 vote248 views1 answer
React redux not updating
Javascript React
112 votes290 views10 answers
React
Javascript React
0 vote242 views5 answers
React native cache clear
Javascript React
4 votes291 views2 answers
Change the route on button click react
Javascript React
0 vote260 views1 answer
Zeamster examples react node
Javascript React
0 vote242 views1 answer
How get value of datePicker in react
Javascript React