国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

淺談react-router HashRouter和BrowserRouter的使用

2019-11-19 14:37:31
字體:
來源:轉載
供稿:網友

官網推薦的是BrowserRouter,但是此方式需要服務器配合,而且有點不好的是重定向只能到首頁,無法停留在當前頁,具體用法很簡單,舉例說明。

HashRouter

//react-router要求只只有一個字節點//router內部的Link和Route會一一匹配,匹配到則加載對應的組件//to 和 Route 的path是一樣的(除了/結尾)//比如點擊關于我們to="/aboutUs"對應path="/aboutUs/",這樣它就去加載AboutUs這個組件,其他組件沒加載//相比用state和回調實現,這種方式更為簡單明了,而且瀏覽前進后退功能都支持<HashRouter>  <div id="wrapper">    <Header />    <ul className="nav navbar-nav">      <li><Link to="/">首頁</Link></li>      <li><Link to="/classifiedDisplay">分類展示</Link></li>      <li><Link to="/boutiqueCase">精品案例</Link></li>      <li><Link to="/aboutUs">關于我們</Link></li>    </ul>    <Route exact path="/" component={Home}/>    <Route exact path="/classifiedDisplay/" component={TypeShow}/>    <Route exact path="/boutiqueCase/" component={JpShow}/>    <Route exact path="/aboutUs/" component={AboutUs}/>    <Footer />  </div></HashRouter>

BrowserRouter

前端

同上方代碼,只是把HashRouter換成了BrowserRouter組件。

服務器

以apache為例,.htaccess添加重寫規則。(需先開啟可重寫設置)

#配和react-router,自行忽略寫的比較low的正則RewriteEngine onRewriteRule classifiedDisplay$ http://www.yangqingcheng.xin/RewriteRule boutiqueCase$ http://www.yangqingcheng.xin/RewriteRule aboutUs$ http://www.yangqingcheng.xin/

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 平果县| 诸暨市| 乐陵市| 庆云县| 巴楚县| 九龙坡区| 石楼县| 杂多县| 高尔夫| 鄂伦春自治旗| 融水| 宝清县| 海阳市| 汉川市| 桓台县| 彩票| 桂东县| 孝义市| 苍溪县| 淮南市| 卢龙县| 资阳市| 怀安县| 新建县| 仁寿县| 揭阳市| 庆阳市| 成都市| 荥经县| 海门市| 太和县| 星子县| 准格尔旗| 岫岩| 宁强县| 济源市| 陆良县| 怀来县| 华池县| 县级市| 鹤岗市|