如何刷新<redirect to =“/ ...”>做出反应

时间:2018-02-11 23:15:12

标签: javascript reactjs react-router

我找到答案时遇到了很多困难。现在我所有的

<Route exact path='/' render={()=><Redirect to='/dashboard'/>}/>

确实将url更改为“... / dashboard”,但它不刷新页面以便加载组件,只有当我点击刷新时我的组件才会加载。

如何在重定向后让<Redirect ... />刷新页面?

我在window.location.reload()取得了成功,但我不知道该怎么做。我也尝试过添加<Redirect push to=.../>而没有运气。

1 个答案:

答案 0 :(得分:0)

设置切换路线和Redirect组件

    <Switch>
      <Redirect from='/' to='/dashboard'/>
      <Route path='/dashboard' render={(props) => (
    auth.isAuthenticated === true
      ? <Component {...props} />
      : <Redirect to='/login' />
  )} 
/>
</Switch>

有关docs

的更多信息