tengo una aplicación de reacción en la que quiero que si la ruta del usuario comienza con el administrador, debería tener una barra de navegación diferente
tomemos ejemplo
página normal
<NormalNavbar/> <NormalHeader/> <NormalBody/> <NormalFooter/>Pero si tengo la ruta de administración, entonces quiero tener
<AdminNavbar/> <AdminHeader/> <AdminBody/> <AdminFooter/>El problema es cuando lo enrollamos dentro de las Rutas, luego decidimos los componentes normales que se están cargando. Pegaré el ejemplo a continuación.
return ( <div className="App"> <> <Navbar /> <Routes> <Route exact path="/" element={<HomePage />} /> <Route exact path="/product/:id" element={<ProductPage />} /> <Route exact path="sarangAdmin/create-product" element={<CreateProduct />} /> <Route exact path="login" element={<Login />} /> <Route exact path="profile" element={<Profile />} /> <Route exact path="register" element={<Register />} /> </Routes> <Footer /> </> </div> );Puedes ver que mi barra de navegación y pie de página actuales serán los mismos
puedes poner elementos con condiciones como esa
{isAdmin? <AdminNavbar> : <NormalNavbar> }O
en el componente de la barra de navegación ver un menú diferente
Ver las respuestas anteriores es bueno, pero no es la solución óptima que quería, así que obtuve la solución buscando en otro repositorio de git. que quería en mi caso la solución más óptima a mi pregunta