Estoy tratando de crear una ruta que funcione de la siguiente manera:
<Route path='/home' exact component={Home}/> {loggedin && <DashboardLayout> <Route path='/settings' exact component={Settings} /> <Route path='/edit' exact component={AdMaker} /> </DashboardLayout> }Si estoy conectado, el DashboardLayout está representando lo que no quiero si la ruta es /home. ¿Qué tengo que hacer? [Por favor, recomiende otros métodos que no sean el interruptor]
Hay muchas formas diferentes de hacerlo, una de ellas es verificar el nombre de la pathname
let location = useLocation(); let checkIsHome = () => { return location.pathname?.includes('home') } <Route path='/home' exact component={Home}/> {loggedin && !checkIsHome() && <DashboardLayout> <Route path='/settings' exact component={Settings} /> <Route path='/edit' exact component={AdMaker} /> </DashboardLayout> }