【问题标题】:React native firebase how to assign value when getting data from db从数据库获取数据时反应原生firebase如何分配值
【发布时间】:2019-08-23 01:15:13
【问题描述】:

您好,我正在尝试将 var foo 分配给我的 firebase 数据库中的一个值,但是在 foo 上使用控制台登录时,这只会给我带来不确定性。

var foo;
  firebase.database().ref(`/topics/lec1`).once('value').then(function(snapshot) {
     foo = snapshot.val();

    console.log(foo); 

  });

   console.log(foo); //undefined

【问题讨论】:

  • 它未定义,因为您没有在任何地方分配它..
  • 我已经修改了,它仍然未定义
  • 只有一个问题,第一个console.log 是否也返回未定义? then里面的一个?如果没有,那就没关系。你在 foo 被firebase 设置之前记录它,因为它是asynchronous
  • 首先你需要分配它,其次它在then()之外是未定义的,因为firebase是异步的。
  • 不给我正确的结果

标签: reactjs firebase react-native firebase-realtime-database


【解决方案1】:

在回调中做任何你想做的事情

var foo;
firebase
  .database()
  .ref(`/topics/lec1`)
  .once("value")
  .then(function(snapshot) {
    foo = snapshot.val();
    displayValue();
  });

function displayValue() {
  //use value from firebase via foo.
}

【讨论】:

  • 非常感谢!
  • 在 React 中,您通常会在 displayValue 中调用 setState(...),这将触发 UI 更新。
【解决方案2】:

你没有在任何地方分配 foo 变量。试试下面:

  var foo;
      firebase.database().ref(`/topics/lec1`).once('value').then(function(snapshot) {
         foo = snapshot.val();
     this.state.lec  = foo;
        console.log(foo); 

      });

       console.log(foo); //undefined

【讨论】:

  • 仍未定义
  • 使用匿名箭头函数代替 function(): () => {
猜你喜欢
  • 2017-10-26
  • 2023-03-10
  • 1970-01-01
  • 1970-01-01
  • 2021-11-03
  • 2021-11-04
  • 1970-01-01
  • 2016-12-16
相关资源
最近更新 更多