How to display some data from firebase in react-native

Question

I want to display some data from firebase, the problem is that I don't know how to do this after trying many things.

My firebase datbase looks like this:

Now I want to put this data into a calender, so I want only the date from one userID. So I can get only one date, and then use it.

How can I do this?

I now use this:

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

    });

};

And then I want to render it:

 render(){
return(
<View>

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

</View>
);
}

What's displayed currently, and what's logged if you console.log(this.state.datums) in your render method? — Jono
– Jono, Commented May 21, 2019 at 11:00
Do you have the right to read the datas? Check your rules, it might forbid you to read some datas — Fakebounce
– Fakebounce, Commented May 21, 2019 at 12:11

Rodrigo · Accepted Answer · 2019-05-21 12:27:06Z

1

basically this way i put every single day of an user in an array so you can access any day.And then you can access each day by an index.

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

answered May 21, 2019 at 12:27

Rodrigo

2343 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to display some data from firebase in react-native

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related