/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 vote440 views1 answer
How to download an mp3 file in react native
Javascript React
0 vote398 views3 answers
Create react app theme_color
Javascript React
1 vote390 views1 answer
Image touchable opacity react native
Javascript React
3 votes508 views3 answers
Center element react native
Javascript React
0 vote348 views1 answer
React children map
Javascript React
1 vote361 views1 answer
React native slow performance after load iamges
Javascript React
0 vote365 views3 answers
React animation
Javascript React
0 vote376 views1 answer
Reset reactive state vue 3
Javascript React
0 vote398 views3 answers
Play sound onload react
Javascript React
0 vote343 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React