在使用react-router時會遇到奇怪的問題，比如當我們從首頁進入詳情頁的時候，首頁跳轉到詳情頁，首頁滾動的位置，進入到詳情頁的時候也會被記錄下來，原因是由于共享了同一個history，所以對記錄有所保留，這顯然不符合我們的瀏覽習慣。

總結種解決方案：

方案一

<Router onUpdate={() => window.scrollTo(0, 0)} history={hashHistory}><Route path="/" component={ App }></Router>

方案二

class Protol extends React.Component {constructor(props) {  super(props);} componentDidUpdate(prevProps) {   if (this.props.location !== prevProps.location) {     window.scrollTo(0, 0)   } }render() {  return (    <div>      <Header/>      {this.props.children}      <Footer/>    </div>  );}}

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。