1
resposta

Erro no Jquery+ajax

me retorna o seguinte erro:

1 of 2 errors on the page TypeError:

jquery__WEBPACK_IMPORTED_MODULE_8___default.a.ajax(...).bind is not a function
App.componentWillMount
src/App.js:13
  10 | }
  11 | 
  12 | componentWillMount(){
> 13 |   $.ajax({
     | ^  14 |     url: '',
  15 |     dataType: 'json',
  16 |     success:function(resposta) {

código:

  componentWillMount(){
    $.ajax({
      url: 'http://cdc-react.herokuapp.com/api/autores',
      dataType: 'json',
      success:function(resposta) {
        this.setState = ({ lista:resposta })
      }
    }).bind(this)
  }
1 resposta

Fala aí Ana, tudo bem? Bom, vamos lá:

Eu não sugiro utilizar jQuery para realizar requisições AJAX, ele foi muito bom para o começo de tudo isso, hoje, não vejo mais sentido.

Você pode estar utilizando a Fetch API de forma nativa no JavaScript, ele é muito boa e simples.

Ou, o que geralmente a gente usa no React para requisições AJAX é a AXIOS:

https://github.com/axios/axios

Uma excelente biblioteca para lidar com requisições HTTP.

Espero ter ajudado.