/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

2 votes194 views1 answer
Change color of strike through line of text in react native
Javascript React
2 votes168 views6 answers
React font-awesome
Javascript React
0 vote222 views2 answers
React show view based on role permission
Javascript React
27 votes217 views6 answers
React usestate
Javascript React
2 votes212 views5 answers
React native debugger
Javascript React
1 vote174 views1 answer
Ctx in react
Javascript React
24 votes346 views3 answers
Reactjs sass setup
Javascript React
0 vote211 views1 answer
React catch error json message
Javascript React
8 votes217 views1 answer
Ternary operator in button react
Javascript React
0 vote225 views4 answers
Router react how to pass data to class component
Javascript React