React-router indicates that the page is not at the top after route redirecting

ScrollTo (0, 0)

1. Define a component ScrollToTop (optionally named) as follows:

import React, { Component } from ‘react’; import { Route, withRouter } from ‘react-router-dom’; class ScrollToTop extends Component { componentDidUpdate(prevProps) { if (this.props.location ! == prevProps.location) { window.scrollTo(0, 0) } } render() { return this.props.children } } export default withRouter(ScrollToTop);

2. Reference the component in the component that defines the route as follows: