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

在Firebase v9中使用React JS创建文档并保存文档ID的步骤如下：

首先，确保你已经安装了React JS和Firebase，并且已经创建了一个Firebase项目。
在React组件中导入Firebase和所需的函数：

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

初始化Firebase应用：

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

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

创建一个函数来保存文档并获取文档ID：

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>
  );
};

这样，当用户点击"创建文档"按钮时，将会在Firebase中创建一个新的文档，并且在控制台打印出文档的ID。

推荐的腾讯云相关产品：腾讯云云开发（Tencent Cloud CloudBase），它是一款支持云原生开发的全托管后端云服务，提供了云函数、数据库、存储、静态网站托管等功能，适用于快速构建应用的后端服务。了解更多信息，请访问腾讯云云开发官网：https://cloud.tencent.com/product/tcb。