/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

15 votes352 views2 answers
React native location
Javascript React
0 vote358 views1 answer
React Hook useEffect has missing dependencies: 'cart' and 'user._id'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Javascript React
0 vote360 views1 answer
Android studio react native plugins
Javascript React
0 vote385 views1 answer
React-native-safe-area-context
Javascript React
0 vote431 views1 answer
What is react headroom
Javascript React
0 vote404 views1 answer
React fetch data in for loop
Javascript React
0 vote350 views1 answer
React array if id is present do not add element
Javascript React
0 vote381 views1 answer
Namespace react has no export member FC
Javascript React
1 vote364 views1 answer
Import json file in react native
Javascript React
0 vote408 views1 answer
React native uid
Javascript React