国产探花免费观看_亚洲丰满少妇自慰呻吟_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教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 神农架林区| 营口市| 通海县| 崇信县| 安福县| 水城县| 柳州市| 信阳市| 宝坻区| 西乡县| 洛川县| 永寿县| 沙田区| 新竹县| 陇西县| 宣武区| 灯塔市| 天水市| 南宁市| 永修县| 华亭县| 黑龙江省| 吴旗县| 威海市| 黄陵县| 辽阳市| 朝阳市| 清丰县| 宣恩县| 阿克苏市| 赣榆县| 泗阳县| 黎城县| 循化| 海晏县| 拉萨市| 宝应县| 晴隆县| 民丰县| 金坛市| 景洪市|