Реагировать неопределенным методом Ajax с использованием отложенного объекта [дубликата]

Question

Реагировать неопределенным методом Ajax с использованием отложенного объекта [дубликата]

0

Я очень новичок в реактиве. Я пытаюсь обновить состояние компонента React, используя вызов AJAX, который возвращает обещание объекта "Отложенное".

componentDidMount: function() {
     window.AlbumAPI.get_albums().then(function (response) {
     console.log(data);
     this.setState(data);
});

и метод, вызываемый компонентом:

window.AlbumAPI = {
  get_albums: function() {
    var deferred = new $.Deferred();
    $.ajax({
     url: '/albums',
    }).done(function(res) {
     deferred.resolve(res);
    });
    return deferred.promise();
  }
};

Журнал консоли возвращает правильный объект, что я ожидаю, массив JS. Но SetState() выбрасывает неопределенный метод для следующей строки:

.done(function(res)

В компоненте я попытался использовать.when и.done в их правильном синтаксисе, и я получаю ту же ошибку независимо.

idknox 16 апр. 2015, в 06:21

Источник

0

Внутри обратного вызова this не относится к экземпляру вашего компонента.
Felix Kling 16 апр. 2015, в 04:10

Теги:

javascript

jquery

reactjs

ajax

1 ответ

Ещё вопросы

Внутри обратного вызова this не относится к экземпляру вашего компонента.

idknox · Answer 1 · 2015-04-16T03-14-00.000Z

Решение заключалось в связывании функции, поскольку это был анонимный обратный вызов:

componentDidMount: function() {
     window.AlbumAPI.get_albums().then(function (response) {
         console.log(response);
        this.setState(response);
    }.bind(this));
}