get data from cloud firestore

App.js

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


function App(){
  const [posts, setPosts] = useState([]);
  
  useEffect( ()=>{
    const postData = collection(db, 'posts'); <--postsはFierbaseのHP上で決めたコレクションの名前
    getDocs(postData).then( (snapshot)=>{
      console.log( snapShot.docs.map((doc)=>doc) );
    });
  });
  
  return <div className='App'></div>;
}

export default App;