react路由補充部分(exact 八個路由示例)

2021-08-27 07:56:27 字數 685 閱讀 8411

1、exact

exact是route下的一條屬性,一般而言,react路由會匹配所有匹配到的路由組價,exact能夠使得路由的匹配更嚴格一些。

exact的值為bool型,為true是表示嚴格匹配,為false時為正常匹配。

如在exact為true時,』/link』與』/』是不匹配的,但是在false的情況下它們又是匹配的。

乙個常用的場景是這樣的:

<

route

path

='/'

component

=/>

<

route

path

='/page'

component

=>

//這種情況下,如果匹配路由path='/page',那麼會把home也會展示出來。

所以我們經常新增exact來解決上述問題。

<

route

exact

path

='/'

component

=/>

<

route

path

='/page'

component

=/>

2、下面是八個react路由示例:(github上面)。

react 動態修改路由 React 動態路由

封裝乙個高階元件,用來實現將普通的元件轉換成動態元件import react from react const asynccomponent loadcomponent class asynccomponent extends react.component catch err this.state...

return 補充部分

當函式的返回型別是void時,可以直接使用return 作為返回語句。return obj 語句表示將物件 或內建型別 obj作為函式的返回值並退出函式。obj的型別應能自動轉換為函式宣告的返回值型別。當函式返回型別為void時,表示函式什麼也不返回,因此返回語句return後面可以不加返回值。當函...

後續補充部分

後端還差很多 主要在於 1 沒有對知識進行分類和梳理 只知道複製不知道原理 感覺不是自己的 不屬於自己 不熟練 2 對框架的搭建不熟悉 不會搭建 這個問題在前端vue也有 感覺不爽 3 不開心 感覺壓抑 沒多少人說話的感覺 4 其實想重點發展後端 不太想一直寫前端 不過寫業務 都是差不多了 就是感覺...