/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

1 vote262 views1 answer
React center a text
Javascript React
0 vote292 views1 answer
Horizontal scrollview in react js
Javascript React
0 vote266 views1 answer
How to take out text from array of strings in react
Javascript React
0 vote260 views1 answer
Only numbers or string. Input field in React
Javascript React
0 vote272 views1 answer
React infinte scroll
Javascript React
4 votes293 views1 answer
React bind function to component
Javascript React
0 vote260 views2 answers
React tweet embed
Javascript React
1 vote265 views1 answer
React native header
Javascript React
1 vote267 views1 answer
React does not recognize the `activeClassName` prop on a DOM element
Javascript React
0 vote284 views1 answer
React bootsrap color picker
Javascript React