[英]How to add a Promise .then() to an Array.push?
但是,我有一个数组,其中一个 object 孩子需要从我的 Firebase 数据库中的另一个位置获取数据以显示在数组中。 这需要 Promise。
如何在阵列中显示来自 Promise 的数据?
getListofReferrers() {
//
//
// Getting list of referrers from Firebase.
this.eventData.getReferrersList().on('value', snapshot => {
let rawList98 = [];
snapshot.forEach(snap => {
// Bringing the information over into a local array to show on the page.
rawList98.unshift({
id: snap.key,
text: this.eventData.getOtherNameExternal(snap.val().userid).then( (v)=> {return v}),
userid: snap.val().userid,
username: snap.val().username,
email: snap.val().useremail,
referralPoints: this.eventData.numberWithCommas(this.eventData.getOtherProfileProperty(snap.val().userid, "referralPoints") || 0),
});
})
// Taking the information into a "this." variable
this.referralList = rawList98;
console.log(this.referralList);
});
}
显示“用户名”值时,我不断收到:[object Promise]。
在 console.log(rawList98); 但是,我得到以下信息:
email: "pjoc@pjaguar.com"
id: "referrer9OxMTyUDfiXrLp9O65XW0hUbHgH2"
referralPoints: "0"
username: t
__zone_symbol__state: true
__zone_symbol__value: "John Doe"
[[Prototype]]: Object
userid: "9OxMTyUDfiXrLp9O65XW0hUbHgH2"
为什么它显示从 Promise 收到的值,但我无法在 .then() 中捕获它以正确分配给子“用户名”? 我需要调用这个 Promise 来获取 Firebase 数据库中每个节点的用户名
由于您需要等待用户名可用才能构建 object,因此您需要将代码放入.then
中:
this.eventData.getUserName(snap.val().userid).then(v => {
rawList98.unshift({
id: snap.key,
username: v,
userid: snap.val().userid,
email: snap.val().useremail
});
})
或者,使用异步/等待:
async function someFunction () {
const v = await this.eventData.getUserName(snap.val().userid);
rawList98.unshift({
id: snap.key,
username: v,
userid: snap.val().userid,
email: snap.val().useremail
});
}
您推入阵列的username
属性是 promise。 因此,要获得其中的实际值,您需要使用then
或await
:
const user = rawList98.shift();
const username = await user.username;
console.log(username);
感谢弗兰克·范·普菲伦。 这是我的问题的解决方案:我必须将unshift()
放入一个变量中以获取索引,然后使用它来分配username
child。 我使用rawList98.length-user
因为 unshift function 将数据添加到底部,而不是顶部。
getListofReferrers() {
// Getting list of referrers from Firebase.
this.eventData.getReferrersList().on('value', snapshot => {
let rawList98 = [];
snapshot.forEach(snap => {
var user
user = rawList98.unshift({
id: snap.key,
username: null,
userid: snap.val().userid,
email: snap.val().useremail,
referralPoints: this.eventData.numberWithCommas(this.eventData.getOtherProfileProperty(snap.val().userid, "referralPoints") || 0),
});
this.eventData.getOtherNameExternal(snap.val().userid).then( (v)=> { rawList98[rawList98.length-user].username = v})
})
// Taking the information into a "this." variable
this.referralList = rawList98;
console.log(this.referralList);
});
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.