Как вернуть данные из класса?

Question

[Сергей Сунцев]

В приложении на react часто используются аякс запросы, для их выполнения юзаю либу axios.
Ранее ООП на JS совсем не использовал.
Для сокращения кода вынес все запросы в отдельный класс (ApiConnect), который подключаю через
import RequestToApi from '../ApiConnect.js';

Сами запросы выполняются, и console.log данные выводит, но вопрос в том, как эти данные получить обратно в компонент?
Вот пример класса:

import axios from 'axios';

export default class RequestToApi {
  constructor(url, data) {
    this.url = url;
    this.data = data;
    this.post = this.post.bind(this);
    this.get = this.get.bind(this);
  }

  post(){
    axios.post(this.url, JSON.stringify(this.data))
    .then(function (response) {
      //console.log(response);
      return response;
    })
    .catch(function (error) {
      return error;
    });
  }

   get(){
    axios.get(this.url, JSON.stringify(this.data))
    .then(function (response) {
      //console.log(response);
      return response;
    })
    .catch(function (error) {
      return error;
    });
  }
}

вот пример обращения:

let UpdateTask = new RequestToApi(URL, data);
UpdateTask.post();

Как правильно вернуть данные из класса?

Answer 1

[Александр Дроздов]

Ты должен заретурнить содержимое своих функций, а они в свою очередь отдадут тебе промис, снаружи ты уже работаешь с промисами как обычно.

Comments

[Сергей Сунцев]

Немножко не понимаю, как это реализовать.
У меня же уже есть return внутри функций, почему я не могу его получить?

[Александр Дроздов]

Почитай как работают промисы и т.д

post(){
    return axios.post(this.url, JSON.stringify(this.data))
         .then(function (response) {
             //console.log(response);
              return response;
          })
         .catch(function (error) {
             return error;
        });
  }

...

UpdateTask.post().then(function(data){
     console.log(data);
});

[Александр Дроздов]

https://learn.javascript.ru/promise

[Сергей Сунцев]

странно, что сперва выполняется

UpdateTask.post().then(function(data){
     console.log(data);
});

А только потом уже показываются данные в функции, видимо от этого ошибка, но как её решить не понятно.

[Александр Дроздов]

Сергей Сунцев: я не знаю как работает эта библа axios, но в целом прогнозируемо, не буду вдаваться в подробности, но можешь поискать проблему в инете, или вернуть еще один промис, как его создать читай в статье которую скинул, по итогу отработает всё внутри, потом вернешь уже результат