/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

2 votes278 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
0 vote165 views1 answer
Left side menu react js
Javascript React
0 vote210 views1 answer
React dynamic load script
Javascript React
0 vote209 views1 answer
Decrease touchableopacity in react native
Javascript React
0 vote223 views1 answer
React props change
Javascript React
0 vote193 views1 answer
Onpress not working with usestate react native
Javascript React
0 vote218 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React
0 vote212 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
0 vote205 views1 answer
React infinte scroll
Javascript React
5 votes269 views2 answers
Onclick multiple functions react
Javascript React