好吧,我受够了尝试。
该onEnter
方法不起作用。知道为什么吗?
// Authentication "before" filter
function requireAuth(nextState, replace){
console.log("called"); // => Is not triggered at all
if (!isLoggedIn()) {
replace({
pathname: '/front'
})
}
}
// Render the app
render(
<Provider store={store}>
<Router history={history}>
<App>
<Switch>
<Route path="/front" component={Front} />
<Route path="/home" component={Home} onEnter={requireAuth} />
<Route exact path="/" component={Home} onEnter={requireAuth} />
<Route path="*" component={NoMatch} />
</Switch>
</App>
</Router>
</Provider>,
document.getElementById("lf-app")
编辑:
该方法在我调用时执行onEnter={requireAuth()}
,但显然这不是目的,而且我也不会获得所需的参数。
从反应路由器-V4
onEnter
,onUpdate
和onLeave
被删除,根据所述文档从V2 / V3到V4迁移: