1
resposta

Como usar o componentDidUpdate, dando loop infinito

Tenho dados que são buscadas no banco e mostradas em um table, porém quero que assim que adicionar um novo dado via modal, essa lista atualize com esse novo dado, estou usando o componentDidUpdate, funciona, porém fica no loop de requisições no banco. Como poderia fazer para atualizar uma única vez após cadastrar o dado.

 refreshList() {
        fetch('https://localhost:5000/api/cliente')
            .then(response => response.json())
            .then(data => {
                this.setState({ cli: data });
            }
            );
    }
    componentDidUpdate() {
        this.refreshList();
    }```
1 resposta

Francisco, boa tarde!

A solução que eu pensei é: ter dois componentes um pra tabela, e outro pro modal, e a busca dos dados esteja não no componentDidUpdate, mas sim no onClick do cadastro, aí ele faria a requisição e atualizaria o estado do componente da tabela, assim as responsabilidades ficam separadas.

Espero ter ajudado e bons estudos!

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