響應路由組件處理所有「/」路由除「/登錄」外

Question

儀表板組件也呈現，當我輸入/login時。我需要在登錄時省略Dashboard組件。

精確屬性不適合，因爲儀表板嵌套了像/dashboard/users路徑，/dashboard/settings

<BrowserRouter> 
    <Route path='/'> 
     <div> 
      <Route path='/login' component={Login}  exact /> 
      <Route path='/'  component={Dashboard}   /> 
     </div> 
    </Route> 
</BrowserRouter> 

Answer 1

你可以使用Switch渲染的第一個匹配Route

<BrowserRouter> 
    <Route path='/'> 
     <div> 
      <Switch> 
       <Route path='/login' component={Login}  exact /> 
       <Route path='/'  component={Dashboard}   /> 
      </Switch> 
     </div> 
    </Route> 
</BrowserRouter> 

Answer 2

修改您的路線：

<Route path='login' component={Login} exact /> 
<Route path='dashboard' component={Dashboard} />