1
resposta

path="/timeline(/:login)"

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?

1 resposta

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.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software