How to return an array of children from firebase in React-Native

Question

My Firebase data base contains JSON objects, each with the same parameters as seen below. Firebase data

I want to get an array that has each objects country. So if I have 4,000 objects I want to get an array of 4,000 strings all containing a country.

Right now I can get the console to log all the 4,000 objects into an array using the code below.

componentWillMount() {
   this.fetchData();
}
fetchData = async () => {
    var data1 = [];
    var fireBaseResponse = firebase.database().ref();
    fireBaseResponse.once('value').then(snapshot => {
        snapshot.forEach(item => {
            var temp = item.val();
            data1.push(temp);
            return false;
   });
   console.log(data1);
   });
}

But when I try doing

 var fireBaseResponse = firebase.database().ref().child('country');

I get an array of nothing.

Any help would be great.

I believe you have to use snapshot.val() to access the returned object — iridescent
– iridescent, Commented Jul 10, 2018 at 17:30
I do for each item and I do get an array of 4,000 objects. The thing is the array has all the item info and not just country. — paulgio
– paulgio, Commented Jul 10, 2018 at 17:33
Then you should extract item.val().country into a new object before pushing it into data1. I hope this helps! — iridescent
– iridescent, Commented Jul 10, 2018 at 17:35
Your right. I cannot believe I did not see that. Thanks so much — paulgio
– paulgio, Commented Jul 10, 2018 at 17:36

iridescent · Accepted Answer · 2018-07-10 17:40:21Z

1

As mentioned in the comments, you can create a new temp object containing just country before pushing it into your array.

snapshot.forEach(item => {
    var temp = { country: item.val().country };
    data1.push(temp);
    return false;
});

answered Jul 10, 2018 at 17:40

iridescent

3831 silver badge13 bronze badges

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

Collectives™ on Stack Overflow

How to return an array of children 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