/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 vote111 views1 answer
Export variables react
Javascript React
10 votes62 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
0 vote112 views1 answer
React-router in saga
Javascript React
2 votes108 views1 answer
What is virtual dom in react
Javascript React
1 vote106 views1 answer
How to execute function without using onclick on react code example
Javascript React
2 votes100 views1 answer
How to add react scroll scrollable link
Javascript React
0 vote122 views1 answer
Npm i react-use-navigator-permissions
Javascript React
55 votes106 views6 answers
Useref in react
Javascript React
2 votes113 views1 answer
React-native open call app
Javascript React
2 votes112 views1 answer
React native socket io
Javascript React