React router e uso do Switch
Em App.js, dentro do return da Classe App
<Router>
<Navbar title ={this.state.title} icon ={this.state.icon}/>
<Route exact path='/User' component={User}/>
<Switch>
<Route exact path='/about' component = {About}>
</Switch>
</Router>
Como o Switch
pode ser diferente de usar vários Routes
?
o Switch
renderiza uma rota por vez, de maneira exclusiva, assim como o nome sugere. Em comparaçao com o Routes
que as renderiza as rotas ao mesmo tempo, de maneira inclusiva;
No exemplo do código acima, as rotas <Navbar />
e <User />
serão renderizadas ao mesmo tempo, enquanto a rota <About />
sera renderizada separadamente. Neste caso, usando uma Route
fora do Switch
nos permite criar elementos persistentes na tela.