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

資訊專欄INFORMATION COLUMN

React-Router實現(xiàn)原理,解決了什么問題?

kgbook / 2690人閱讀

摘要:解決了什么問題首先,它搭配組件,可以組織組件結(jié)構(gòu)代碼,授權(quán)路由的控制。有兩種方式核心的各自做了什么事首先它們都是基于構(gòu)建,也就是的組件的路由,至于各自做了什么。去看官方文檔,里面描述了每一個組件路由做了什么事。

React-Router解決了什么問題?

首先,它搭配React組件,可以組織React組件結(jié)構(gòu)代碼,授權(quán)路由的控制。應(yīng)該展示什么樣的組件,通過React-Router去匹配它。

React-Router如何使用?

首先,應(yīng)該下載該npm包,這樣引入項目工程里面,才可以引用react-router提供的API。

//有兩種方式
npm install --save react-router 

yarn add react-router
React-Router核心的API
import {Router, Route, Switch } from "react-router"

// Router、Route、Switch各自做了什么事?

首先它們都是基于React.createElement構(gòu)建,也就是JSX的組件的路由,至于Router、Route、Switch各自做了什么。去看官方文檔,里面描述了每一個組件路由做了什么事??梢匀pm、也可以去github、也可以去官網(wǎng)去看。

是React-router最重要的組件,路由最重要的職責(zé)就是渲染UI,但有一個條件location變量,要匹配route"s路徑。路徑一匹配,傳遞進的組件就可以得到渲染。只要整個應(yīng)用的location匹配了路由路徑,你的組件就會渲染。

有三種方式去渲染傳遞進的組件。





匹配location路徑,渲染對應(yīng)的組件,返回就是對象。

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

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/104039.html

相關(guān)文章

  • React 328道最全面試題(持續(xù)更新)

    摘要:希望大家在這浮夸的前端圈里,保持冷靜,堅持每天花分鐘來學(xué)習(xí)與思考。 今天的React題沒有太多的故事…… 半個月前出了248個Vue的知識點,受到很多朋友的關(guān)注,都強烈要求再出多些React相前的面試題,受到大家的邀請,我又找了20多個React的使用者,他們給出了328道React的面試題,由我整理好發(fā)給大家,同時發(fā)布在了前端面試每日3+1的React專題,希望對大家有所幫助,同時大...

    kumfo 評論0 收藏0
  • 高級前端面試題大匯總(只有試題,沒有答案)

    摘要:面試題來源于網(wǎng)絡(luò),看一下高級前端的面試題,可以知道自己和高級前端的差距。 面試題來源于網(wǎng)絡(luò),看一下高級前端的面試題,可以知道自己和高級前端的差距。有些面試題會重復(fù)。 使用過的koa2中間件 koa-body原理 介紹自己寫過的中間件 有沒有涉及到Cluster 介紹pm2 master掛了的話pm2怎么處理 如何和MySQL進行通信 React聲明周期及自己的理解 如何...

    kviccn 評論0 收藏0
  • 前端面試題(3)現(xiàn)代技術(shù)

    摘要:什么是單頁面應(yīng)用單頁面應(yīng)用是指用戶在瀏覽器加載單一的頁面,后續(xù)請求都無需再離開此頁目標(biāo)旨在用為用戶提供了更接近本地移動或桌面應(yīng)用程序的體驗。流程第一次請求時,將導(dǎo)航頁傳輸?shù)娇蛻舳?,其余請求通過獲取數(shù)據(jù)實現(xiàn)數(shù)據(jù)的傳輸通過或遠(yuǎn)程過程調(diào)用。 什么是單頁面應(yīng)用(SPA)? 單頁面應(yīng)用(SPA)是指用戶在瀏覽器加載單一的HTML頁面,后續(xù)請求都無需再離開此頁 目標(biāo):旨在用為用戶提供了更接近本地...

    EasonTyler 評論0 收藏0

發(fā)表評論

0條評論

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