已解決430363個問題，去搜搜看，總會有你想問的

React-Route 4.0 實現一個簡單的路由登錄攔截

關注

首頁猿問 React-Route 4.0...

JavaScript

哈士奇WWW 2018-12-12 18:13:11

React-Route 4.0 舍去了路由鉤子為了實現在需要登錄才能進入某個路由，說白了就是前端路由攔截看例子實現的好像有點亂，自己這樣實現了一下，不知道可以不可以，功能可以的

查看完整描述

1 回答

紫衣仙女

TA貢獻1839條經驗獲得超15個贊

樓主的這種實現復雜化了，官網的那個例子不是很簡潔嗎，在Route的render方法內做認證判斷，從而決定是否渲染組件還是重定向到登錄路由，不需要重寫Route的原有方法。

const PrivateRoute = ({ component: Component, ...rest }) => (

<Route {...rest} render={props => (

fakeAuth.isAuthenticated ? (

) : (

<Redirect to={{

pathname: '/login',

state: { from: props.location }

}}/>

)

)}/>

)

反對回復 2019-01-20

關注

舉報

0/150

提交

取消