/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 vote268 views1 answer
Search nested array in react javascript
Javascript React
0 vote259 views1 answer
Reactjs function exemple useEffect
Javascript React
10 votes254 views3 answers
Jquery react npm
Javascript React
0 vote245 views2 answers
How to use react typed js
Javascript React
0 vote214 views3 answers
How to serve React JS static files with express JS?
Javascript React
2 votes237 views1 answer
Npm install --save react-native-vector-icon
Javascript React
110 votes230 views2 answers
Create react js app
Javascript React
18 votes243 views2 answers
How to store an array in localstorage reactjs
Javascript React
5 votes235 views2 answers
Svg react native
Javascript React
0 vote247 views1 answer
Comming soon page in react
Javascript React