/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

3 votes310 views1 answer
React data attributes event
Javascript React
23 votes356 views3 answers
React save to local storage
Javascript React
108 votes357 views2 answers
React start new app
Javascript React
0 vote328 views1 answer
Loading react circular progress
Javascript React
0 vote327 views1 answer
Navigation scroll react
Javascript React
0 vote288 views1 answer
React setstate concat string
Javascript React
0 vote290 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript React
3 votes317 views4 answers
React Redux Thunk
Javascript React
0 vote311 views1 answer
How to add debounce in react redux js
Javascript React
1 vote293 views1 answer
How to define state in react function
Javascript React