Filter firebase firestore data in react js

Question

I'm trying to perform a filter and sort query, but I want to put it inside a function. How can I do that ?

I'm trying to do this

const handleFilter = () => {
  const q = query(collection(db, "location"), where ("location", "==", "Pasig"));

  const querySnapshot = await getDocs(q);

  querySnapshot.forEach((doc) => {
    (doc.id, " => ", doc.data());
  });
}

But it is not working.

Please be sure to include how it's not working.

Geoff Ball
– Geoff Ball

2022-07-19 04:37:57 +00:00
Commented Jul 19, 2022 at 4:37 — Geoff Ball
– Geoff Ball, Commented Jul 19, 2022 at 4:37

Min · Accepted Answer · 2022-07-18 12:25:36Z

1

To use await keyword inside a function it needs to be declared as an async function. Try the following:

const handleFilter = async () => {
const q = query(
  collection(db, "location"),
  where("location", "==", "Pasig")
);

const querySnapshot = await getDocs(q);

querySnapshot.forEach((doc) => {
  doc.id, "=>", doc.data();
});

answered Jul 18, 2022 at 12:25

Min

5382 gold badges8 silver badges29 bronze badges

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

Collectives™ on Stack Overflow

Filter firebase firestore data in react js

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