/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 vote196 views1 answer
Horizontal cards react bootstrap
Javascript React
19 votes304 views6 answers
Convert svg to react component
Javascript React
6 votes215 views1 answer
React dictionary key value avec 2 variable
Javascript React
13 votes189 views3 answers
ImageBackground in React Native
Javascript React
0 vote196 views1 answer
React children map
Javascript React
10 votes148 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
5 votes195 views1 answer
React native import svg image
Javascript React
-1 vote243 views1 answer
How many data binding in react
Javascript React
-2 votes173 views2 answers
Showdown react
Javascript React
1 vote184 views1 answer
Import library react js
Javascript React