探究React-Router的本質

cgspine 發布于2019-08-23 18:30 / 2523人閱讀

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

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

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;

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

觀察結果（現象）

點擊頁面上的標簽承載的數據時，并沒有執行alert函數。ParamsExample組件沒有刷新。

研究原先假設

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

反思校正假設

云服務器 GPU云服務器關于webrtc直播的探究云計算的本質 CDN的本質機器學習的本質

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

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

React技術棧實現XXX點評App demo

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

wslongchen 2019-08-21 16:24 評論0 收藏0
React結合TypeScript和Mobx初體驗

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

dreambei 2019-08-22 17:29 評論0 收藏0
FEDAY2016之旅

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

red_bricks 2019-08-19 17:55 評論0 收藏0
react路由淺析

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

jackzou 2019-08-22 16:12 評論0 收藏0
從路由原理出發，深入閱讀理解react-router 4.0的源碼

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

Miyang 2019-08-23 12:01 評論0 收藏0