时间戳

首页 > 解决方案 > 在没有布局的情况下反应路由器 dom 后备路由

reactjs - 在没有布局的情况下反应路由器 dom 后备路由

问题描述

我有以下路线

  <Switch>
     <Route exact path='/login' component={Login} />
     <Layout>
         <Route exact path='/' component={Dashboard} />
         <Route exact path='/players' component={Players} />
         <Route path='/settings' component={Settings} />
     </Layout>
     <Route component={ErrorPage} />
  </Switch>

页面工作正常，但它永远不会落入错误页面，它只是显示没有内容的空白布局

我希望登录页面和错误页面都没有布局，我该怎么做

标签： reactjsreact-routerreact-router-dom

解决方案

对于您的特定用例，不要在路由器中定义布局组件。为每个组件创建自定义路由器，为每个组件定义渲染布局，除了登录和错误页面。您可以参考以下网址了解更多信息 https://simonsmith.io/reusing-layouts-in-react-router-4/

推荐阅读