响应路由组件处理所有“/”路由除“/登录”外

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} />