/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 vote366 views1 answer
POST http://localhost:3000/$(process.env.REACT_APP_API_URL)/auth/users/ 404 (Not Found) in react redux
Javascript React
1 vote376 views1 answer
React redux actions must be plain objects
Javascript React
0 vote403 views1 answer
React sagas state
Javascript React
0 vote375 views1 answer
Text and icon on same line react native
Javascript React
0 vote381 views1 answer
Custom react native product rating
Javascript React
0 vote396 views1 answer
How to add a useState in react Js
Javascript React
31 votes364 views1 answer
Npm install react-router-dom --save
Javascript React
0 vote375 views2 answers
React write into json file
Javascript React
1 vote378 views1 answer
Vim react snippets
Javascript React
0 vote370 views3 answers
Image border shadow react native
Javascript React