Trouble with Firebase/Firestore documentation queries in JavaScript

Question

Trouble with Firebase/Firestore documentation queries in JavaScript

Having trouble using the new Firestore system.

I'm trying to retrieve a Collection of all users and go through it, but I can't seem to make it work.

db.collection("users").get().then(function(querySnapshot){
      console.log(querySnapshot.data());
});

An error message pops up:

querySnapshot.data is not a function

Also, when running this code snippet:

callFireBase(mobileToCheck){
        db.collection("users").where("mobile_no", '==', mobileToCheck).get().then(function(querySnapshot){
            if (querySnapshot.exists) {
                var userData = querySnapshot.data();
                var userId = querySnapshot.id;
                console.log(mobileToCheck + "Exist In DB");
            }else{
                console.log(mobileToCheck + "Do Not Exist In DB");
            }
        });
}

It consistently shows:

923052273575 Do Not Exist In DB

Even if the data exists. It's quite frustrating. You can refer to the image for more details in the docs.

https://i.sstatic.net/YyUEw.png

javascript firebase google-cloud-firestore

Answer 1

Answer №1

It seems like you are attempting to use .data() on a collection of documents instead of an individual document. You may want to try the following code snippet:

db.collection("users").get().then(function(querySnapshot){
  querySnapshot.forEach(doc => {
     console.log(doc.data());
  });
}).catch(err => {
   console.log('Error retrieving documents', err);
});

Answer 2

It seems like you are attempting to use .data() on a collection of documents instead of an individual document. You may want to try the following code snippet:

db.collection("users").get().then(function(querySnapshot){
  querySnapshot.forEach(doc => {
     console.log(doc.data());
  });
}).catch(err => {
   console.log('Error retrieving documents', err);
});

Answer 3

Answer №2

To retrieve data from Firestore and use the docs.map function followed by doc.data(), you can utilize the following code snippet with Firestore and incorporate async/await syntax.

import firebase from 'react-native-firebase'

async fetchTopUsers() {
  const ref = firebase.firestore().collection('users')
  const snapshot = await ref.orderBy('score').limit(50).get()
  return snapshot.docs.map((document) => {
    return document.data()
  })
}

Answer 4

To retrieve data from Firestore and use the docs.map function followed by doc.data(), you can utilize the following code snippet with Firestore and incorporate async/await syntax.

import firebase from 'react-native-firebase'

async fetchTopUsers() {
  const ref = firebase.firestore().collection('users')
  const snapshot = await ref.orderBy('score').limit(50).get()
  return snapshot.docs.map((document) => {
    return document.data()
  })
}

Trouble with Firebase/Firestore documentation queries in JavaScript

Answer №1

Answer №2

Similar questions

What could be causing the issue with ng-include not functioning properly?

What are the steps to installing and utilizing the Chart.js package on your local machine?

Creating a platform for users to share their thoughts and engage in

I possess a webpage containing a div element that is loaded dynamically through ajax

React JS: The active text object in Fabric JS canvas becomes uneditable after attaching an event listener

Identify when the user intends to open the link in a new window or tab

Is it possible to switch between different fabricJS canvases seamlessly?

Receiving a JSON object in response after sending data to a server using JavaScript

I'm receiving identical results from findOne even when using different IDs

"Enhance your Django website with a dynamic voting button using AJAX

Where within Video.js can I modify the color of the large play button when the cursor hovers over the video?

Express framework in NodeJS encounters an undefined header error

When a fresh tile is loaded in Mapbox, an event is triggered

updating Chart.js to dynamically draw a line chart with updated dataset

Guidelines for transferring data when a button is held down or pressed

What is the process for retrieving information from a retail outlet?

Tips for creating a Discord bot that can respond to inquiries with varying responses

Errors are encountered when attempting to use `usePathname()` and `useRouter()` functions. `usePathname()` returns null while `useRouter()` causes errors stating "NextRouter not mounted" and "invariant

Node.js error: Attempting to set property '' on an undefined object not allowed

My objective is to show the div element just once using AngularJS