Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Não atualiza a lista de autores no HTML

Os dados dos autores são trazidos do endereço "https://cdc-react.herokuapp.com/api/autores", porém nada é mostrado. Veja que em resposta são trazidos 559 registros, porém o comando "setState" parece não atualizar a lista. O console.log traz resposta "0" no length. Em consequência disso na renderização nada aparece na lista de autores.

componentDidMount() {
    $.ajax({
      url:"https://cdc-react.herokuapp.com/api/autores",
      contentType: 'application/json',
      dataType: 'json',
      success: function(resposta) { 
          console.log("Qtde de dados lidos da URL informada : "+resposta.length)
          this.setState = ({lista:resposta})
          console.log("Qtde de dados da lista : "+this.state.lista.length);
        }.bind(this)
      }
    );
  }


Qtde de dados lidos da URL informada : 559
Qtde de dados da lista : 0

                       <tbody>
                        {
                          this.state.lista.map( autor => {
                          return (
                            <tr key={autor.id}>
                              <td>{autor.nome}</td>
                              <td>{autor.email}</td>
                            </tr>
                          )
                        })}
                      </tbody>
1 resposta
solução!

Achei o erro. O comando abaixo estava incorreto: "this.setState = ({lista:resposta}) "

O certo é : "this.setState ({lista:resposta}) "

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