Почему возвращаются разные значения после промиса?

Question

[TheSnegok]

api.js

import axios from "axios";

let getQuoteText = () => {
		return axios.get("https://favqs.com/api/qotd")
		.then((response) => {
                        console.log(response);
			return response.date;
		});
	};

export default getQuoteText;

main.jsx

const main = () => {
    
    const date = getQuoteText();
    console.log(date);

    return (
        <div>
        </div>
    )
}

Результаты вывода:

Первое это после промиса, а второе после передачи в реакт, объясните почему такое происходит или скиньте где прочитать?

Comments

[Сергей Сергей]

getQuoteText() возвращает объект промиса, response есть объект ответа сервера. Объект промиса не равен объекту ответа сервера. ответ можно получить внутри промиса или через await.
Читать всё про промисы, там об этом есть.

[WapSter]

Потому-что ромис возвращает промис

Answer 1

[Евгений]

Что- то у вас тут напутано, зачем return перед axios? Не знаю как реализована реактивность в реакте, но она там определенно должна быть :) По сему вам нужно в коде компонента реализовать возможность получения асинхронных данных, создать пустой реактивный объект, а после выполнения promise менять состояние этого объекта исходя из полученных данных.

Comments

[TheSnegok]

Чтобы функция возвращала response и не вводить новую переменную, спасибо