亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

關(guān)于React-Router4.0跳轉(zhuǎn)不置頂解決方案

DC_er / 2850人閱讀

摘要：在使用時(shí)會(huì)遇到奇怪的問(wèn)題，比如當(dāng)我們從首頁(yè)進(jìn)入詳情頁(yè)的時(shí)候，首頁(yè)跳轉(zhuǎn)到詳情頁(yè)，首頁(yè)滾動(dòng)的位置，進(jìn)入到詳情頁(yè)的時(shí)候也會(huì)被記錄下來(lái)，原因是由于共享了同一個(gè)，所以對(duì)記錄有所保留，這顯然不符合我們的瀏覽習(xí)慣。總結(jié)種解決方案方案一方案二

在使用react-router時(shí)會(huì)遇到奇怪的問(wèn)題，比如當(dāng)我們從首頁(yè)進(jìn)入詳情頁(yè)的時(shí)候，首頁(yè)跳轉(zhuǎn)到詳情頁(yè)，首頁(yè)滾動(dòng)的位置，進(jìn)入到詳情頁(yè)的時(shí)候也會(huì)被記錄下來(lái)，原因是由于共享了同一個(gè)history，所以對(duì)記錄有所保留，這顯然不符合我們的瀏覽習(xí)慣。

總結(jié)種解決方案：

方案一

window.scrollTo(0, 0)} history={hashHistory}>

方案二

class Protol extends React.Component {

constructor(props) {
    super(props);
}
 componentDidUpdate(prevProps) {
     if (this.props.location !== prevProps.location) {
         window.scrollTo(0, 0)
     }
 }
render() {
    return (
        

            


            {this.props.children}
            

        

    );
}

}

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/109383.html

相關(guān)文章

  • 從路由原理出發(fā)，深入閱讀理解react-router 4.0的源碼

    摘要：通過(guò)前端路由可以實(shí)現(xiàn)單頁(yè)應(yīng)用本文首先從前端路由的原理出發(fā)，詳細(xì)介紹了前端路由原理的變遷。接著從的源碼出發(fā)，深入理解是如何實(shí)現(xiàn)前端路由的。執(zhí)行上述的賦值后，頁(yè)面的發(fā)生改變。 ??react-router等前端路由的原理大致相同，可以實(shí)現(xiàn)無(wú)刷新的條件下切換顯示不同的頁(yè)面。路由的本質(zhì)就是頁(yè)面的URL發(fā)生改變時(shí)，頁(yè)面的顯示結(jié)果可以根據(jù)URL的變化而變化，但是頁(yè)面不會(huì)刷新。通過(guò)前端路由可以實(shí)現(xiàn)...

    Miyang 評(píng)論0 收藏0

  • todo-list 項(xiàng)目問(wèn)題總結(jié)（使用 react 進(jìn)行開(kāi)發(fā)）

    摘要：項(xiàng)目問(wèn)題總結(jié)這個(gè)項(xiàng)目，很簡(jiǎn)單，前端使用，后端使用進(jìn)行開(kāi)發(fā)。方便移動(dòng)端開(kāi)發(fā)。當(dāng)動(dòng)畫(huà)結(jié)束后，有一個(gè)鉤子函數(shù)可以使用其他一些功能組件，都是自己嘗試去編寫(xiě)的，像日歷組件組件組件等。版本的，是沒(méi)有任何的鉤子函數(shù)，我就感覺(jué)懵逼了。。。 todo-list 項(xiàng)目問(wèn)題總結(jié) 這個(gè) todo-list 項(xiàng)目，很簡(jiǎn)單，前端使用 react，后端 nodejs 使用 koa2 進(jìn)行開(kāi)發(fā)。數(shù)據(jù)庫(kù)使用 Mysql...

    shengguo 評(píng)論0 收藏0

  • 使用react-router4.0實(shí)現(xiàn)重定向和404功能

    摘要：原文地址在開(kāi)發(fā)中，重定向和這種需求非常常見(jiàn)，使用可以使用進(jìn)行重定向最常用的就是用戶登錄之后自動(dòng)跳轉(zhuǎn)主頁(yè)。 原文地址:https://github.com/huruji/blog/issues/2 在開(kāi)發(fā)中，重定向和404這種需求非常常見(jiàn)，使用React-router4.0可以使用Redirect進(jìn)行重定向最常用的就是用戶登錄之后自動(dòng)跳轉(zhuǎn)主頁(yè)。 import React, { Compo...

    hqman 評(píng)論0 收藏0

  • 手挽手帶你學(xué)React：三檔 React-router4.x的使用

    摘要：我們?cè)趦?nèi)部來(lái)渲染不同的組件我們這里采用哈希路由的方式，鑒于的渲染機(jī)制，我們需要把值綁定進(jìn)入內(nèi)部。 手挽手帶你學(xué)React入門(mén)三檔,帶你學(xué)會(huì)使用Reacr-router4.x,開(kāi)始創(chuàng)建屬于你的React項(xiàng)目 什么是React-router React Router 是一個(gè)基于 React 之上的強(qiáng)大路由庫(kù)，它可以讓你向應(yīng)用中快速地添加視圖和數(shù)據(jù)流，同時(shí)保持頁(yè)面與 URL 間的同步。通俗一...

    SunZhaopeng 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<