Tengo esta promesa que se encarga de asignarle una imagen a los items que traigo de otro endpoint, funcionaba bien hasta que quise pasarle un parametro title a la funcion getImage, tuve que poner el for fuera de esta para iterar y que le pase por cada item pero el tema es que luego no puedo asignar img a items porque items no entra dentro del then. Supongo que se deberia hacer una cadena de promises o algo asi, algun consejo?
getImage (title) {
var headers = {
method: 'GET',
headers: {
"Api-Key": "xxx",
"cache-control": "no-cache"
}
}
return new Promise((resolve, reject) => {
fetch(`https://api.unsplash.com/search/photos?query=${title}&order_by=popular&client_id=xxx`, headers)
.then(result => result.json())
.then(data => {
var i = getRandomInt(0, data.results.length);
resolve(data.results[i].urls.small);
});
});
}
getCards (user) {
var _this = this;
fetch(backend+`/getCards/${user.id}`)
.then(result => result.json())
.then(items => {
for (var i = 0; i < items.length; i++) {
this.getImage(items[i].title).then(function(result) { //aca items es undefined
items[i].img = result;
});
}
_this.setState({items});
});
}