I'm intern and learning to use ReactJS. I made my route through the navigation menu (TopNav), however I can't put my login screen in my web application. could you help me please? Obrigada
const App = () => {
return(
<BrowserRouter>
<TopNav />
<Routes>
<Route path="/" element={<Home />} />
<Route path="/horahora" element={<HoraHora />}/>
<Route path="/fornecimento" element={<Fornecimento />}/>
<Route path="/performance" element={<Performance />}/>
<Route path="/porcentagemOEE" element={<PorcentagemOEE />}/>
<Route path="/perdasDia" element={<PerdasDia />}/>
<Route path="/paretoPerdas" element={<ParetoPerdas />}/>
</Routes>
</BrowserRouter>
</div>
)
}
export default App; ,
```
you can conditional render <TopNav /> if logged in show nav else hide
{login ? <TopNav /> : null} assume login is your internal state