(React native) 无法从 Firebase 数据库方法中获取数据

Question

我试图从我的数据库中获取数据，在 componentWillMount() 中，它可以正常工作：

  var userData = null
firebase.database().ref('/users/' + user.uid).once('value').then(function(snapshot) {
        userData = snapshot.val()
        console.log(userData)
      });

但它仅在方法中有效，我尝试将值分配给变量，但即使使用 this.setstate，我也无法将其取出。 我真的迷路了，看起来很简单，但我不知道如何...... 感谢您的帮助。

Answer 1

once() 是异步的，并立即返回并带有承诺。当您向其附加 then 回调时，该承诺不会阻止您的代码。在数据库查询完成之前，userData 不会在 promise 的回调中填充，并且您无法保证何时会填充。如果您的代码在最终填充之前尝试访问 userData，它仍将具有其原始 null 值。

Answer 2

嗯，这里发生的事情是，

您的 firebase 方法需要一些时间来获取数据，因为这里的一切都是异步的，javascript 不会等到您的 firebase 方法被执行。

firebase.database().... 的下一行将在此完成之前立即执行。

因此，您可能需要使用 setState 将数据设置为状态，或者您可以使用类变量而不是局部变量。

这样做，

constructor(props){
   super(props);
   this.state={
     data:null //either do this
   }
   this.localData=null; // or this
}


firebase.database().ref('/users/' + user.uid).once('value').then(function(snapshot) {
        this.setState({data:snapshot.val()});
        this.localData = snapshot.val();
        console.log(this.localData)
});