類型錯誤：無法讀取未定義的屬性（讀取“onSnapshot”）

Question

我正在嘗試從 firebase 數據庫收集數據，但收到錯誤“TypeError：無法讀取未定義的屬性（讀取“onSnapshot”）”

Feed.js

    const Feed = ({profilePic, message, timestamp, username, image}) => {
    const [posts, setPosts]  =useState([]);
    //realtime database connection
     useEffect(() => {
     db.collection['posts'].onSnapshot(snapshot => (
    setPosts(snapshot.docs.map((doc) => ({ id: doc.id, data: doc.data() })))
   ));
    }, []);

   return (

Firebase.js

  import firebase from 'firebase/compat/app';
  import 'firebase/compat/firestore';

 //initialize Firebase
  firebase.initializeApp(firebaseConfig);

 //database
 const db = firebase.firestore();
 export default db;

Answer 1

collection是一種方法，而不是數組。 所以：

db.collection('posts').onSnapshot(...
          // 👆      👆