reactrouter4.0以上的路由使用方法
來源：懂視網
責編：小OO
時間：2020-11-27 20:04:02
reactrouter4.0以上的路由使用方法
在4.0以下的react router中，嵌套的路由可以放在一個router標簽中，形式如下，嵌套的路由也直接放在一起。；但是在4.0以后，嵌套的路由與之前的就完全不同了，需要單獨放置在嵌套的根component中去處理路由，否則會一直有warning。You should not use <；Route component>；and <；Route children>；in the same route。正確形式如下；；上面將嵌套的路由注釋掉。；上面在需要嵌套路由的component中添加新的路由。一個完整的嵌套路由的例子如下：說明及注意事項；1.以下代碼采用ES6格式。2.react-router-dom版本為4.1.1。
導讀在4.0以下的react router中，嵌套的路由可以放在一個router標簽中，形式如下，嵌套的路由也直接放在一起。；但是在4.0以后，嵌套的路由與之前的就完全不同了，需要單獨放置在嵌套的根component中去處理路由，否則會一直有warning。You should not use <；Route component>；and <；Route children>；in the same route。正確形式如下；；上面將嵌套的路由注釋掉。；上面在需要嵌套路由的component中添加新的路由。一個完整的嵌套路由的例子如下：說明及注意事項；1.以下代碼采用ES6格式。2.react-router-dom版本為4.1.1。
本文主要和大家介紹react router 4.0以上的路由應用詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，希望能幫助到大家。
在4.0以下的react router中，嵌套的路由可以放在一個router標簽中，形式如下,嵌套的路由也直接放在一起。
但是在4.0以后，嵌套的路由與之前的就完全不同了，需要單獨放置在嵌套的根component中去處理路由，否則會一直有warning:
You should not use <Route component> and <Route children> in the same route
正確形式如下
上面將嵌套的路由注釋掉
上面在需要嵌套路由的component中添加新的路由
一個完整的嵌套路由的例子如下
說明及注意事項
1.以下代碼采用ES6格式
2.react-router-dom版本為4.1.1
3.請注意使用諸如HashRouter之類的history，否則一直會有warning，不能渲染
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
reactrouter4.0以上的路由使用方法
在4.0以下的react router中，嵌套的路由可以放在一個router標簽中，形式如下，嵌套的路由也直接放在一起。；但是在4.0以后，嵌套的路由與之前的就完全不同了，需要單獨放置在嵌套的根component中去處理路由，否則會一直有warning。You should not use <；Route component>；and <；Route children>；in the same route。正確形式如下；；上面將嵌套的路由注釋掉。；上面在需要嵌套路由的component中添加新的路由。一個完整的嵌套路由的例子如下：說明及注意事項；1.以下代碼采用ES6格式。2.react-router-dom版本為4.1.1。
