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

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 11:36:32
字體:
來源:轉載
供稿:網友

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 岳西县| 崇仁县| 桃园县| 东城区| 碌曲县| 无锡市| 达拉特旗| 托克托县| 西乌| 大城县| 东阿县| 兴业县| 宁德市| 山阳县| 南丹县| 峨眉山市| 葫芦岛市| 凤阳县| 资兴市| 上饶县| 望谟县| 红河县| 手机| 承德县| 凤山县| 廊坊市| 离岛区| 宁武县| 宁远县| 娄底市| 达尔| 宁波市| 馆陶县| 白城市| 金川县| 芦山县| 扎囊县| 辽阳市| 额尔古纳市| 抚顺县| 沂水县|