React路由学习整理

路由组件

//路由容器，显示组件
<BrowserRouter></BrowserRouter>//不带#号url
<HashRouter></HashRouter>//带#号url

<Redirect></Redirect>//重定向   <Redirect from="/" exact to='custom'></Redirect>  exact设置精准匹配
<Route></Route>//设置路由规则   <Route path='/custom' component={Custom}></Route>
<Link></Link>//跳转路由
<NavLink></NavLink>//跳转路由,不同的是NavLink会给设置一个class='active',也可以通过 activeClassName="???"改变class名
<Switch></Switch>  //用于渲染与路径匹配的第一个 <Route> 或 <Redirect>

基本使用：

//首先在react根入口文件使用Switch