No código:
<Route path="/timeline(/:login)" component={App} onEnter={verificaAutenticacao}/>
Qual é a função de "(/:login)", dentro do endereço('path'), da rota, o que signifca e pra que serve?
No código:
<Route path="/timeline(/:login)" component={App} onEnter={verificaAutenticacao}/>
Qual é a função de "(/:login)", dentro do endereço('path'), da rota, o que signifca e pra que serve?
Fala aí Marcelo, tudo bem? Vamos lá:
Qual é a função de "(/:login)", dentro do endereço('path'), da rota, o que signifca e pra que serve?
O :login
é para declarar um parâmetro para sua rota, ou seja:
/timeline/matheus
/timeline/henrique
/timeline/castiglioni
As três rotas irão dar match com a rota do App
, onde matheus
, henrique
e castiglioni
são parâmetros.
O ()
é para tornar esse parâmetro opcional, então:
/timeline
Também irá dar match com a rota do App
.
A partir da versão 4 da react-router
no lugar do parentes a gente passa um ?
.
/timeline/:user?
Espero ter ajudado.