当数据添加到firestore中时，我希望使用onSnapshot侦听，以便可以自动调用数据，但我不知道如何使用

// 引入 Firebase 和 Firestore
import firebase from 'firebase/app';
import 'firebase/firestore';

// 初始化 Firebase 应用
const firebaseConfig = {
  // ...你的 Firebase 配置信息
};

firebase.initializeApp(firebaseConfig);

// 获取 Firestore 实例
const db = firebase.firestore();

// 监听单个文档的变化
const docRef = db.collection('users').doc('user1');
docRef.onSnapshot((doc) => {
  if (doc.exists()) {
    console.log('Document data:', doc.data());
  } else {
    console.log('No such document!');
  }
});

// 监听集合中所有文档的变化
const usersCollectionRef = db.collection('users');
usersCollectionRef.onSnapshot((snapshot) => {
  snapshot.docChanges().forEach((change) => {
    if (change.type === 'added') {
      console.log('New document: ', change.doc.data());
    }
    if (change.type === 'modified') {
      console.log('Modified document: ', change.doc.data());
    }
    if (change.type === 'removed') {
      console.log('Removed document: ', change.doc.data());
    }
  });
});