Me explico: tengo una estructura de rutas en ReactJS de la siguiente forma:
<BrowserRouter>
<Layout header={ this.state.header } navbar={ this.state.navbar }>
<Switch>
<Route exact path="/" render={ () => <Dashboard items={ this.state.navbar.items } /> }/>
<Route exact path="/panel" component={ Panel } />
</Switch>
</Layout>
</BrowserRouter>
Como se ve en el código cualquier ruta que agregue ejecutará el componente indicado y lo pintará utilizando el Layout
ya definido. Mi pregunta es ¿Como puedo decirle a una de esas rutas que ignore el Layout
? Es decir que no muestre nada del contenido del Layout
.
Una solución que se me ocurrió fue indicar por cada Route
el Layout
a pintar pero no se si sea la manera correcta de hacerlo.
<BrowserRouter>
<Switch>
<Route exact path="/" render={ () => <Dashboard items={ this.state.navbar.items } /> } }/>
<Route exact path="/panelcem" render={ () => {
return(
<Layout header={ this.state.header } navbar={ this.state.navbar }>
<PanelCem />
</Layout>
)
} } />
</Switch>
</BrowserRouter>