成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

探究React-Router的本質(zhì)

cgspine / 2528人閱讀

摘要：我認為應該彈窗的。我這樣的假設是什么觀察結果現(xiàn)象點擊頁面上的標簽承載的數(shù)據(jù)時，并沒有執(zhí)行函數(shù)。研究原先假設瀏覽器界面的更改，必定導致虛擬重新建立，必然導致更新，更新，就會更新。

此文章，緣起，點擊路由標簽時，發(fā)現(xiàn)在渲染之前的組件，打印日志沒有出來，但組件以及渲染了。

import React from "react";
import { BrowserRouter as Router, Route, Link } from "react-router-dom";

function ParamsExample() {
  alert("c")
  return (
    
      

        
Accounts

        
    
          
  • 
            Netflix
          
    • 
          
  • 
            Zillow Group
          
    • 
          
  • 
            Yahoo
          
    • 
          
  • 
            Modus Create
          
    • 
        


        
        
        {/*
           It"s possible to use regular expressions to control what param values should be matched.
              * "/order/asc"  - matched
              * "/order/desc" - matched
              * "/order/foo"  - not matched
        */}
      

    
  );
}

function Child({ match }) {
  return (
    

      
ID: {match.params.id}

    

  );
}

function ComponentWithRegex({ match }) {
  return (
    

      
Only asc/desc are allowed: {match.params.direction}

    

  );
}

export default ParamsExample;

我認為應該彈窗的。每次點擊路由應該重新刷新一遍，結果不是。
我這樣的假設是什么？

觀察結果（現(xiàn)象）

點擊頁面上的標簽承載的數(shù)據(jù)時，并沒有執(zhí)行alert函數(shù)。ParamsExample組件沒有刷新。

研究原先假設

瀏覽器界面的更改，必定導致虛擬DOM重新建立，必然導致DOM更新，DOM更新，HMTL就會更新。

反思校正假設

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

轉載請注明本文地址：http://systransis.cn/yun/105338.html

相關文章

  • React技術棧實現(xiàn)XXX點評App demo

    摘要：項目的架構也是最近在各種探討研究。還求大神多指點項目技術總結技術棧項目結構探究初體驗關于項目中的配置說明項目簡單說明開發(fā)這一套，我個人的理解是體現(xiàn)的是代碼分層職責分離的編程思想邏輯與視圖嚴格區(qū)分。前端依舊使用技術棧完成。 項目地址：https://github.com/Nealyang/R...技術棧：react、react-router4.x 、 react-redux 、 webp...

    wslongchen 評論0 收藏0

  • React結合TypeScript和Mobx初體驗

    摘要：結合編輯器可以推導變量對應的類型以及內(nèi)部的結構，提高代碼的健壯性和可維護性。通過充分利用時間回溯的特征，可以增強業(yè)務的可預測性與錯誤定位能力。對于對象的哪部分需要成為可觀察的，提供了細粒度的控制。 showImg(https://segmentfault.com/img/bVba6Ts?w=1218&h=525); 為什么要使用TypeScript 偵測錯誤 通過靜態(tài)類型檢測可以盡早檢...

    dreambei 評論0 收藏0

  • FEDAY2016之旅

    摘要：前戲補上參會的完整記錄，這個問題從一開始我就是準備自問自答的，希望可以通過這種形式把大會的干貨分享給更多人。 showImg(http://7xqy7v.com1.z0.glb.clouddn.com/colorful/blog/feday2.png); 前戲 2016/3/21 補上參會的完整記錄，這個問題從一開始我就是準備自問自答的，希望可以通過這種形式把大會的干貨分享給更多人。 ...

    red_bricks 評論0 收藏0

  • react路由淺析

    摘要：瀏覽器端使用的和集成使用時會用到中路由分類基于提供的和事件來保持和的同步。路由剖析在上面的示例中是轉發(fā)的樞紐在這個中轉站有很多線路通過開關可以啟動列車的運行乘坐列車就可以發(fā)現(xiàn)新大陸。 引言 在使用react做復雜的spa開發(fā)中,開發(fā)中必不可少的就是react-router,它使用Lerna管理多個倉庫, 在browser端常使用的幾個如下所示 react-router 提供了路由的...

    jackzou 評論0 收藏0

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

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

    Miyang 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<