Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Sugestão] NavLink

Tava dando um problema de ambos os NavLinks estarem ativos, porém pesquisei na documentação e encontrei uma possível solução que é colocar a propriedade "end" no NavLink.

Componente React MenuLink

Por que isso aconteceu?

Lendo a documentação fez sentido porque o navLink estava considerado "/about-me" como rota filho de "/".

E como a documentação diz tal propriedade garantirá que esse componente não seja correspondido como "ativo" quando seus caminhos descendentes forem correspondidos.

E até sugere o exemplo de usar quando tem um NavLink será ativo apenas na raiz do projeto, isto é "/".

2 respostas
solução!

Oi, Levi, tudo bem?

Que incrível você trazer esse conhecimento! Tenho certeza que irá ajudar outras pessoas. Comigo isso não foi necessário, mas fico feliz encontrou a solução para seu caso na própria documentação.

Adicionei sua sugestão à solução do desafio!

Abraços e bons estudos :)

Obtive esse problema e segui em frente pra ir atrás depois, muito legal, me ajudou!