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

Problema na troca de categorias

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!

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])

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

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