react的路由拦截

模糊匹配
/
/Home
/Login
(1) 精准匹配 exact
(2) 模糊匹配,<Switch></Switch> 只会渲染匹配到的第一个项
页面的重定向
<Redirect from="/" to="/Login"/>
<hashRouter>
   <Route path="/Home" render={
       ?重定向
   }/>
   </Route path="/Login" component={Login}>
    <Route path="/user-manage/users" render={
       ?重定向
   }/>
</hashRouter>
raect尊询的是万物都是组件的写法
Route后面可以是组件名
第一种写法
<Route path="/" component={Dashboard}>  第一种是组件的写法
和这种写法相同
<Route path="/" render={()=>
    <Dashboard/>  这是个组件
}/>
第二种写法
路由拦截---三目
 <Route path="/" render={()=>
    是否登入成功?<Dashboard/>:<Redirect to="/Login"/> 伪代码
}/>
<Route path="/" render={()}>

*/

react的路由拦截主要是三目运算符来判断
{/* Router 不能加r，应该是Route /}
{/
根据token来判读有没有登入
把从后端取出来的token,设置上去
DashBoard没有携带token,就是空
*/}
<Route path="/" render={()=>
localStorage.getItem(“token”)?:
} />