/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 vote319 views1 answer
Check scroll top height in react js
Javascript React
8 votes278 views1 answer
Professional react projects
Javascript React
0 vote293 views1 answer
React native Setting a timer for a long period of time
Javascript React
0 vote278 views3 answers
React loop through array
Javascript React
12 votes323 views3 answers
Font weight react native
Javascript React
3 votes351 views3 answers
How to update react app
Javascript React
0 vote292 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React
0 vote299 views1 answer
ReactRender
Javascript React
0 vote362 views1 answer
React convert table to pdf
Javascript React
0 vote293 views1 answer
Dull or blur a background image in react native
Javascript React