Estou consumindo uma API e me deparei com esse problema. Estou usando um map para criar um novo campo em um array de objetos e inserir o dado com base em uma consulta no banco. Já de buguei e verifiquei que está retornando os valores desejados na consulta porém não consigo tirar da Promisse fica aparecendo "[object Promise]". Já tentei colocar then e catch ou async e await no map e não deu certo.
allusuarios(){
return this.usuarios.map( prop => ({
...prop,
usuario_nome: Usuario.show(prop.usuario_id).then(resp => {
return resp.data.nome
})
}))
},
Agradeço se alguém puder ajudar.
@EDIT
Ainda não consegui resolver, testei usando async e await e o retorno agora vem somente um proxy array vazio. Vou deixar as funções utilizadas abaixo caso alguém possa ajudar
async allUsuarios(){
return await Promise.all(this.usuarios.map(async (prop) => ({
...prop,
usuario_nome: await Usuario.show(prop.usuario_id)
})));
}
show:(usuario_id) =>{
return http.get(`usuarios/${predio_id}`);
}
a Função "show" apenas está em um arquivo separado
Promise.all
? Isso basicamente fará com que todas as promessas dentro do array sejam resolvidas. Aí você pode dar umawait
(na promessa que oPromise.all
retorna) e acessar cada elemento resolvido do array.