/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 vote198 views1 answer
Rich text react renderer
Javascript React
0 vote207 views1 answer
Form.Control textarea react bootstrap
Javascript React
0 vote316 views1 answer
Difference in push and navigate in react Navigation
Javascript React
14 votes203 views5 answers
React conditional classname
Javascript React
0 vote199 views1 answer
Navigate to another page onPress button react native
Javascript React
0 vote212 views1 answer
Remove react native cli mac
Javascript React
1 vote249 views2 answers
Use state reactjs
Javascript React
0 vote202 views1 answer
Enzynme not support react 17
Javascript React
1 vote271 views1 answer
Import react js video player
Javascript React
47 votes209 views3 answers
How to comment in the react javascript
Javascript React