javascript 反应路由器滚动到顶部

Posted 2021-05-04

import React, {Component} from 'react'
import {withRouter} from 'react-router-dom'

class RouterScrollTop extends Component {
  componentDidUpdate(prevProps) {
    if (this.props.location !== prevProps.location) {
      window.scrollTo(0, 0)
    }
  }

  render() {
    return <div>{this.props.children}</div>
  }
}

export default withRouter(RouterScrollTop)