React Router Api(翻譯中)

本人小白一枚,最近在學(xué)習(xí)React,今天學(xué)習(xí)路由所以就做著中文筆記了扫沼,可能下面有許多錯誤或者語句不通順,歡迎大家指出,原文出自這里轰坊,在github里面就可以看見英文版的了(大家也可以去官網(wǎng)看文檔衰倦,上面也有相對應(yīng)的例子)

<BrowserRouter>

<Router>使用html5的history api來保持ui和url同步。

BrowserRouter有如下屬性:

basename:string

這是所有位置的底層url。使用他則子目錄會自動嵌入父級目錄。

getUserConfirmation:func

一個用來確定導(dǎo)航的方法。默認(rèn)使用window.confirm既荚。

forceRefresh:bool

如果是true,路由器將使用全頁刷新來進(jìn)行頁面導(dǎo)航。你可能只想瀏覽器僅僅支持html5的歷史api兼蕊。

keyLength:number

location.key的長度惧所。默認(rèn)到6纽绍。

children:node

渲染一個子元素履因。

<HashRouter>

<Router>使用url的hash(i.e.window.location.hash)來保持ui和url同步栅迄。

重點(diǎn):hash history不支持location.key或者location.state西篓。在舊版本中岂津,我們希望依賴行為但出現(xiàn)了我們解決不了的難題。任何需要該行為的代碼和插件都運(yùn)行不了仅醇。因為這個技術(shù)僅僅面向于舊版本的瀏覽器析二,所以我們建議你使用<BrowserHistory>。

basename:string

和BrowserRouter的basename屬性使用一樣糠赦。不過不同的是產(chǎn)生的根目錄會有#

getUserConfirmation:func

一個用來確定導(dǎo)航的方法淌山。默認(rèn)使用window.confirm泼疑。

hashType:string

要使用的編碼類型是window.location.hash.有效值蕴纳,如:

1.“slash”-創(chuàng)建hashes翻翩,如: #/ 和 #/sunshine/lollipops

2."noslash"-創(chuàng)建hashes,如:#/ 和 #sunshine/lollipops?

3."hashbang"-創(chuàng)建"ajax crawlable"(Google反對使用)hases絮吵,如:#/ 和 #暇昂!/sunshine/lollipops

默認(rèn)是slash

children:node

渲染單個子元素

<Link>

在應(yīng)用中,提供可聲明可訪問的導(dǎo)航澄暮。

to:string

表示鏈接位置泣懊,通過連接location的pathname,seach,hash屬性創(chuàng)建出來。

to:object

該對象可以有下面任一個屬性:

1.pathname:代表鏈接地址

2.search:代表查詢參數(shù)

3.hash:放入url的hash警没,如:'#a-hash'

4.state:堅持到當(dāng)前位置的狀態(tài)

replace:bool

當(dāng)ture時梅誓,只要點(diǎn)擊鏈接,歷史堆棧中的第一位將會被代替,而不是在其上面再加一個新地址绵载。

innerRef:func

允許訪問組件內(nèi)部。(?民鼓??饮亏??這里不知道是不是這樣意思,囧)

<Router>

所有路由組件的公共低層接口。典型的應(yīng)用將其中一個高級路由器來代替,如下:

1.<BrowserRouter>

2.<HashRouter>

3.<MemoryRouter>

4.<NativeRouter>

5.<StaticRouter>

大多數(shù)使用<Router>的情況是為了使用戶歷史和狀態(tài)管理庫同步予借,如:Redux或者M(jìn)obx。注意:這不要求跟著React Router使用狀態(tài)管理庫瀑粥,它只是利于深層整合狞换。

history:object

一個用來導(dǎo)航的對象history黄琼。


children:node

渲染單個子元素


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末够吩,一起剝皮案震驚了整個濱河市万俗,隨后出現(xiàn)的幾起案子闰歪,更是在濱河造成了極大的恐慌临扮,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蚜退,死亡現(xiàn)場離奇詭異彪笼,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)队寇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進(jìn)店門佳遣,熙熙樓的掌柜王于貴愁眉苦臉地迎上來凡伊,“玉大人,你說我怎么就攤上這事系忙∫梗” “怎么了?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵戒财,是天一觀的道長捺弦。 經(jīng)常有香客問我,道長幽崩,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任类缤,我火速辦了婚禮膏蚓,結(jié)果婚禮上论笔,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布犹菇。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪笨奠。 梳的紋絲不亂的頭發(fā)上蔚袍,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天连舍,我揣著相機(jī)與錄音,去河邊找鬼。 笑死威鹿,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播尿赚,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼性雄,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了耕挨?” 一聲冷哼從身側(cè)響起这橙,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎哩牍,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了刁赦。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡爷绘,死狀恐怖骡苞,靈堂內(nèi)的尸體忽然破棺而出亚铁,到底是詐尸還是另有隱情,我是刑警寧澤吞琐,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站搔弄,受9級特大地震影響擎宝,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜拆又,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一挣郭、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧侄非,春花似錦旺垒、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至业岁,卻和暖如春寇蚊,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背允耿。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工扒怖, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蚂蕴。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像熔号,于是被迫代替她去往敵國和親鸟整。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評論 2 348

推薦閱讀更多精彩內(nèi)容