मैं का उपयोग कर रहा हूँ react-router-dom v6. मैं चाहता हूँ मेरी Login पृष्ठ प्रदान करने के बिना Sidebar और Topbar घटकों । यह कैसे करना है?
function App() {
return (
<Router>
<Container>
<Sidebar />
<Content>
<Topbar />
<MainContent>
<Routes>
<Route path="/" element={<Home />} />
<Route path="/users" element={<UserList />} />
<Route path="/users/:id" element={<User />} />
<Route path="/newUser" element={<NewUser />} />
<Route path="/products" element={<ProductList />} />
<Route path="/products/:id" element={<Product />} />
<Route path="/newProduct" element={<NewProduct />} />
<Route path="/login" element={<Login />} />
</Routes>
</MainContent>
</Content>
</Container>
</Router>
);
}
मैं नहीं चाहता कि मेरे लॉगिन पेज रेंडर करने के लिए के अंदर MainContent लेकिन पूरे लेने के बिना पृष्ठ Sidebar और Topbar.
मैं करने की कोशिश की चलती है Routes ऊपरी और लॉगिन route ऊपर साइडबार लेकिन वहाँ एक त्रुटि है Error: [Sidebar] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>