如何在React中添加带有嵌套集合的新Firestore文档？

在React中添加带有嵌套集合的新Firestore文档，可以按照以下步骤进行操作：

首先，确保你已经在React项目中集成了Firebase和Firestore。你可以使用Firebase官方提供的Firebase SDK来实现这一点。
在React组件中，首先导入Firebase和Firestore的相关模块，并初始化Firebase应用。你可以使用Firebase提供的initializeApp函数来完成初始化。

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

// 初始化Firebase应用
firebase.initializeApp(firebaseConfig);

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

在需要添加新文档的地方，创建一个新的文档引用，并使用set函数来设置文档的内容。在这个例子中，我们假设你要添加一个名为users的集合，并在其中创建一个新的文档。

// 创建一个新的文档引用
const docRef = firestore.collection('users').doc();

// 设置文档的内容
docRef.set({
  name: 'John Doe',
  age: 25,
  nestedCollection: {
    item1: 'value1',
    item2: 'value2'
  }
})
  .then(() => {
    console.log('文档添加成功！');
  })
  .catch((error) => {
    console.error('添加文档时出错：', error);
  });

在上面的代码中，我们使用collection函数获取users集合的引用，并使用doc函数创建一个新的文档引用。然后，我们使用set函数设置文档的内容，包括嵌套集合的数据。

如果你想在嵌套集合中添加更多的文档，可以使用相同的方法。只需获取嵌套集合的引用，并使用doc函数创建一个新的文档引用，然后使用set函数设置文档的内容。

// 获取嵌套集合的引用
const nestedCollectionRef = docRef.collection('nestedCollection');

// 创建一个新的文档引用
const nestedDocRef = nestedCollectionRef.doc();

// 设置文档的内容
nestedDocRef.set({
  item3: 'value3',
  item4: 'value4'
})
  .then(() => {
    console.log('嵌套文档添加成功！');
  })
  .catch((error) => {
    console.error('添加嵌套文档时出错：', error);
  });

在上面的代码中，我们首先获取嵌套集合nestedCollection的引用，然后使用doc函数创建一个新的文档引用。最后，我们使用set函数设置嵌套文档的内容。

这样，你就可以在React中添加带有嵌套集合的新Firestore文档了。

腾讯云相关产品和产品介绍链接地址：