1. 程式人生 > >react-router基礎知識

react-router基礎知識

react-router基礎
下載安裝:yarn add [email protected] -D (一定要帶上版本,匹配react使用,目的是為了穩定)
引入路由:import { BrowserRouter,HashRouter } from ‘react-router-dom’
兩者區別
使用browserRouter,瀏覽器的url是這樣的:localhost:xxxx/user/liuna (伺服器可知道請求細節)
使用hashRouter,瀏覽器的url是這樣的:localhost:xxxx/#/user/liuna (#錨點純前端跳轉)
使用
<—BrowserRouter>
<—Route exact path=’/’ component={元件名}>
<—Route path=’/元件名’ component={元件名}>
<—/BrowserRouter>
exact精準匹配