国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

詳解關于React-Router4.0跳轉不置頂解決方案

2024-05-06 16:50:42
字體:
來源:轉載
供稿:網友

在使用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>  );}}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 三明市| 军事| 湟中县| 原阳县| 福州市| 旅游| 贵州省| 乌拉特前旗| 罗定市| 珲春市| 大城县| 兰考县| 长子县| 监利县| 静乐县| 千阳县| 大兴区| 沙坪坝区| 南雄市| 南召县| 新河县| 平陆县| 衡山县| 合肥市| 龙口市| 新丰县| 苍梧县| 大邑县| 东港市| 婺源县| 基隆市| 双城市| 闻喜县| 台江县| 林州市| 霍州市| 东明县| 金沙县| 青海省| 威宁| 海盐县|