如何在react-native

时间:2019-05-21 09:51:34

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

我想显示一些来自Firebase的数据,问题是尝试了很多东西后我不知道该怎么做。

我的firebase datbase看起来像这样:

enter image description here

现在,我想将此数据放入日历中,所以我只希望来自一个userID的日期。所以我只能得到一个约会,然后再使用它。

我该怎么做?

我现在使用这个:

componentDidMount() {
    let userId = firebase.auth().currentUser.uid;
    firebase.database().ref('poolog/' + userId ).on('value', (snapshot) => {
        this.setState({abc: snapshot.val().childData});

        let data = snapshot.val();
        let datums = Object.values(data);
        this.setState({datums});

    });

};

然后我要渲染它:

 render(){
return(
<View>

<Text>{
this.state.datums
}</Text> 

</View>
);
}

1 个答案:

答案 0 :(得分:1)

基本上,我将用户的每一天都放在一个数组中,这样您就可以访问任意一天。然后可以通过索引访问每一天。

 componentDidMount(){
     var days = []
     firebase.database().ref('poolog/' + userId ).once('value', (snap) => {
         snap.forEach((data)=>{ 
             days.push({
                 day:data.key,
                 availableHours:data.val()
             })
          })
      console.log(days)
      //this.setState({datums:days})
      })
   }