无法从 Firestore React-Native 获取所有数据

Question

I can't fetch all data from Firestore in my react native app. I can fetch data when I add a limit(200) parameter but when I take away the limit parameter my app crashes. I need to display all the data and I don't know what I'm doing wrong, here is my code:

  const listingsRef = firebase.firestore().collection(ServerConfiguration.database.collection.LISTINGS);

  if (categoryId === '') {
    console.log('Kommer vi hit???');

    return listingsRef
      .where('isApproved', '==', isApproved)
      .limit(2000)
      .onSnapshot((querySnapshot) => {
        const data = [];

        if (querySnapshot !== undefined) {
          querySnapshot.forEach((doc) => {
            const listing = doc.data();
            if (favorites && favorites[doc.id] === true) {
              listing.saved = true;
            }
            data.push({ ...listing, id: doc.id });
          });

          console.log('KOMMERR datan? : ', data);

          callback(data);
        }
      });
  }

I have tried to use get instead of on Snapshot, and I get the same results. I have been stuck for days!

Answer 1

You can replace the limit with getting and getting all the records that satisfy your condition.

const listingsRef = firebase.firestore().collection(ServerConfiguration.database.collection.LISTINGS);

  if (categoryId === '') {
    console.log('Kommer vi hit???');

    return listingsRef
      .where('isApproved', '==', isApproved)
      .get()
      .onSnapshot((querySnapshot) => {
        const data = [];

        if (querySnapshot !== undefined) {
          querySnapshot.forEach((doc) => {
            const listing = doc.data();
            if (favorites && favorites[doc.id] === true) {
              listing.saved = true;
            }
            data.push({ ...listing, id: doc.id });
          });

          console.log('KOMMERR datan? : ', data);

          callback(data);
        }
      });
  }

But its always a good idea to paginate your results when you have large amount of data