Добрый вечер.
Есть массив, с помощью map я отрисовываю каждый элемент массива.
Есть вопрос по одному моменту связанный с фетчем.
<img src={this.getPromoUrl(tweet.id, "image")} />
Тут я использую функцию
getPromoUrl = (id, param) => {
const fetchData = this.getPromise(id, param);
console.log(fetchData);
return fetchData;
};
getPromise = async (id, param) => {
let data;
try {
const response = await fetch(`https://someurl/api/v1/statuses/${id}/card?access_token=${process.env.REACT_APP_KEY}`);
const json = await response.json();
data = json[param];
} catch (e) {
console.log(e);
}
return data;
};
Но, как и ожидаемое, получаю Promise pending при return fetchData
// В консоле все ок, строка
console.log(fetchData);
У меня вопрос, как мне сделать так, чтобы я адекватно получил строку из fetchData, я не совсем понимаю просто. Это из-за того, что ф-я getPromise асинх? Как мне быть, я уже просто не знаю, я был бы благодарен за пример/решение в моем случае. Уже около часа - полтора убил на это ...