javascript 反应路由器滚动到顶部

Posted 2021-05-04

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript 反应路由器滚动到顶部相关的知识，希望对你有一定的参考价值。

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)

以上是关于javascript 反应路由器滚动到顶部的主要内容，如果未能解决你的问题，请参考以下文章