国产探花免费观看_亚洲丰满少妇自慰呻吟_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>  );}}

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 元朗区| 安顺市| 贺州市| 沭阳县| 黑河市| 兴安盟| 通山县| 宁夏| 平泉县| 新乡市| 镇巴县| 隆化县| 庄浪县| 保山市| 肃南| 修水县| 延吉市| 内乡县| 和龙市| 邹城市| 文安县| 集安市| 阿坝县| 金川县| 靖远县| 互助| 买车| 甘洛县| 广昌县| 肇州县| 南涧| 都匀市| 大丰市| 崇信县| 武夷山市| 来凤县| 佛坪县| 青龙| 静乐县| 池州市| 博兴县|