/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

3 votes211 views1 answer
How to call a function in react with arguments onclick
Javascript React
0 vote213 views1 answer
React native-base DatePicker comes up Minimized on iOS Asked
Javascript React
0 vote210 views1 answer
React native scrollview scrollto()
Javascript React
0 vote201 views1 answer
Pagination hook react
Javascript React
3 votes190 views2 answers
React router hooks
Javascript React
0 vote171 views1 answer
Undefined is not a function (near '...(0, _reactNative.createStackNavigator)...')
Javascript React
9 votes222 views2 answers
Android center text react native
Javascript React
8 votes203 views1 answer
React-fragment
Javascript React
0 vote206 views1 answer
Backgroundcolor react
Javascript React
85 votes216 views3 answers
React random number
Javascript React