Почему я не могу использовать обещание в своем базовом приложении для реагирования?
Я новичок, чтобы реагировать, и я экспериментировал с запросами на получение axios. Итак, что я пытаюсь сделать, так это то, что у меня есть файл json в моей общей папке, и я делаю запрос на получение axios к местоположению этого файла, а затем печатаю результат в массиве.
Первый способ работал довольно гладко. Демонстрация функции приведена ниже
Результат приведен ниже:
И, как видно, этот подход работал довольно хорошо.
Однако я также создал класс с именем Fetch внутри файла service.js. У этого класса был метод с именем fetch, который использовал axios для выполнения запроса на получение.
Демонстрация этого класса приведена ниже:
import React from 'react';
import axios from "axios";
class Fetch extends React.Component
{
constructor()
{
super();
}
fetch()
{
console.info("Hi i am in fetch of service....");
axios.get('./config.json').then(response=>{
var x=response.data;
console.info("----------------------------------------->"+JSON.stringify(x));
return x;
},(err)=>{
return err;
})
}
}
export default Fetch;Я импортировал этот класс в другой файл js и создал объект этого класса для вызова метода выборки. Демонстрация моего использования приведена ниже:
Однако, когда я попытался сделать это, я получил следующую ошибку:
Что я делаю неправильно ? Если с первого раза получилось, то почему сейчас не работает?
В вашем классе Fetch верните запрос axios из функции fetch()
@Кобе... Я сохраняю ответ в переменной и возвращаю его. Ты это имеешь в виду...??
@AshutoshKumar посмотри мой ответ
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы получаете эту ошибку, потому что ничего не возвращается из Fetch.fetch(), не говоря уже об обещании.
Вы пытаетесь вызвать .then() функцию void, поэтому не сможете получить доступ к ответу.
В вашем классе Fetch верните запрос axios из функции fetch():
fetch() {
return axios.get('/config.json').then(response => {
// your code
})
}
Пожалуйста, размещайте текст, скопированный из вашего редактора, вместо изображений вашего редактора.