使用React JS在Firebase v9中创建文档时保存文档id

import { initializeApp } from 'firebase/app';
import { getFirestore, collection, addDoc } from 'firebase/firestore';

const firebaseConfig = {
  // 在这里填入你的Firebase配置信息
};

const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

const createDocument = async () => {
  try {
    const docRef = await addDoc(collection(db, 'your-collection'), {
      // 在这里填入你要保存的文档数据
    });
    console.log('Document ID:', docRef.id);
  } catch (error) {
    console.error('Error adding document:', error);
  }
};

const YourComponent = () => {
  // ...

  const handleCreateDocument = () => {
    createDocument();
  };

  // ...

  return (
    <div>
      {/* 在这里放置你的组件内容 */}
      <button onClick={handleCreateDocument}>创建文档</button>
    </div>
  );
};