如何在 react-native 中显示来自 firebase 的一些数据答案

【问题标题】：How to display some data from firebase in react-native如何在 react-native 中显示来自 firebase 的一些数据
【发布时间】：2019-05-21 09:51:34
【问题描述】：

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

我的 firebase 数据库如下所示：

现在我想将这些数据放入日历中，所以我只需要一个用户 ID 中的日期。所以我只能得到一个日期，然后使用它。

我该怎么做？

我现在用这个：

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>
);
}

【问题讨论】：

当前显示什么，如果你在你的渲染方法中console.log(this.state.datums) 记录了什么？
你有权限读取数据吗？检查您的规则，它可能会禁止您读取某些数据

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

【解决方案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})
      })
   }

【讨论】：