如何使用React从Firebase检索字段值?

时间:2019-01-23 22:29:57

标签: javascript reactjs firebase firebase-realtime-database google-cloud-firestore

我正在尝试学习Firebase。我在Firebase中制作了一个非常简单的ReactApp和一个非常简单的数据库。关于如何获取字段的值,我感到非常困惑。我敢肯定这是一个非常简单的问题,但是不知何故,我不知道如何找到解决方案。

我的数据库如下所示: https://imgur.com/a/3LczlwI

我真的很想知道如何访问“速度”字段值。

我尝试过

const db = firebase.database.ref();
const speedRef = 
db.child('react').child('mySpeed').once('value').then(snap =>{
  if (snap.val()){
    this.setState({ speed: snap.val().speed });
  } else {
    console.log('error');
  }
})

伴随

const speedRef = firebase.database().ref().child('mySpeed').child('speed');
speedRef.on('value', snap => {
  this.setState({ speed: snap.val() });
})

无济于事。我真的希望有人能帮助我理解这一点。预先谢谢你。

1 个答案:

答案 0 :(得分:0)

*尝试使用此功能:*

const react = firebase.database().ref("react");
react.child("mySpeed").child("speed").once("value").then(data => {
  if(data.val() !== null){
     console.log(data.val());
  }
});