Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Problema na troca de categorias

Referente ao curso React Router: navegação em uma SPA, no capítulo Rotas aninhadas e atividade Exibindo Categoria

por Giovanni do Nascimento Castro Filho
| 30.7k xp | 5 posts

Na aula é criada uma rota aninhada e isso gera um problema pois falta '/' (barra) na rota e que no fim da aula o problema é corrigido. Até esse momento meu projeto estava tudo bem, porém quando depois que eu coloquei a barra o problema da rota é resolvido mas o DOM não é atualizado. Ex: Estou na rota de categoria 'bem-estar' (http://localhost:3000/categoria/bem-estar), ao clicar em 'comportamento' a rota é atualizada corretamente (http://localhost:3000/categoria/comportamento) porém o DOM não troca o componente para os posts de comportamento.

2 respostas
solução!
por Giovanni do Nascimento Castro Filho
| 30.7k xp | 5 posts

Já achei a solução ! O problema era que na ListaPost o useEffect estava com o array de dependências vazio o que acarretando de não atualizar os componentes quando a URL era alterada.

Estava assim:

useEffect(() => {
        busca(url, setPosts)
    }, [])

O correto é:

useEffect(() => {
        busca(url, setPosts)
    }, [url])
por Cristiano Fernandes
| 52.3k xp | 3 posts
Desenvolvedor

Top Giovanni, eu estava com o mesmo problema. Valeu!