Breaking News: Grepper is joining You.com. Read the official announcement!

Firebase 9 Get Documents

Agreeable Ant answered on November 10, 2022 Popularity 3/10 Helpfulness 2/10

answer Firebase 9 Get Documents

Firebase 9 Get Documents

Comment

import { useEffect, useState } from 'react'
import { db } from '../firebase/config'
import { collection, getDocs } from 'firebase/firestore'

export default function ReactComponent() {
  
  const [ item, setItem ] = useState(null)

  useEffect(() => {
    const ref = collection(db, 'books')

    getDocs(ref)
      .then((snapshot) => {
        let results = []
        snapshot.forEach((doc) => {
          results.push({ id: doc.id, ...doc.data() })
        })
        setItem(results)
      })

  }, [])
  

  return (
    <div className="App">
      <ItemList list={item} />
    </div>
  );
}

Popularity 3/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: documents firebase get javascript

Link to this answer
Share Copy Link

Contributed on Nov 10 2022

Agreeable Ant

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Firebase 9 Get Documents

Contents

More Related Answers

Firebase 9 Get Documents

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.