在使用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> );}}
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答