React Router跳转前鉴权

2019-11-22 205 阅读1分钟

在系统中，防止用户未登录而在浏览器输入跳转界面

实现

利用Route里的render方法

通过reducer或者state里或者其他地方存储的状态进行判断

import { Route, Redirect } from 'react-router'

<Route exact path="/" render={() => (
  loggedIn ? (
    <Redirect to="/dashboard"/>
  ) : (
    <PublicHomePage/>
  )
)}/>