我目前正在尝试使用从 firebase 中提取项目的值once
,并使用该值填充 varitemsList
。但是,尽管 itemsList 已正确填充在once
调用时,它在调用外部记录为未定义。我认为这可能与 Firebase 的异步特性有关,但我不确定如何解决这个问题。有什么建议么?
submitAnswer: function() {
var userRef = usersRef.child(key);
//get items_list for user
var itemsList;
userRef.once('value', (snap) => {
itemsList = snap.val().items_list;
console.log('items list populated here' + itemsList);
});
console.log("items list not populated here" + itemsList);
},
您对 Firebase 调用的看法是正确的,它是异步的,并且代码不会在记录未填充的 itemsList 之前等待它完成。
如果您只想对数据执行一些简单的操作,请务必在对其执行任何操作之前检查它是否存在(并像处理任何异步数据一样处理它)。
if(itemsList){
console.log('My items have arrived! ' + itemsList);
}
如果该数据要在您的应用程序中进一步传播,通常建议使用来自 Firebase 的响应数据调用 setState(),以使用刚刚获取的新数据触发组件的重新渲染。
所以大致如下:
userRef.once("value", (snap) => {
itemsList = snap.val().items_list;
this.setState({
items: itemsList;
});
}.bind(this));
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)