reactjs中firestore的子集合中只更新一个文档ID

Question

是否可以只更新 firestore 子集合中的一个文档 ID，我一直在寻找解决方案，但我能找到的只是查询所有文档。如果我使用 querySnapshot.foreach() 子集合中具有相同字段值的所有文档都会更新。使用 .where() 还可以查询所有文档，而不是特定的 id，但我只是想更新一个。我正在尝试使用文档 ID，但我不知道如何调用子集合的 ID。有没有办法做到这一点？

const currentUser=firebase.auth().currentUser;
const userPost= firebase.firestore().collection('users') 
                .doc(currentUser.uid).collection("post");

const EditPost = async (event) => {
 event.preventDefault();

 await userPost
  .doc() <-- here I've been trying to put the subcollection doc id 
  .set({
    title: title,
    body: body,
    updatedAt: date,
  }, { merge: true })
  .catch((err) => {
    console.log(err)
  })
 }

这里是 firestore 子集合结构 的示例屏幕截图。目前我尝试使用 uuidv4，因此我还可以在添加新文档时创建 postId 的字段值，因为我打算只调用 postId 作为文档 ID，但它也在子集合文档中。

Answer 1

我终于想出了如何为子集合中的单个文档调用文档 ID 并仅编辑特定文档的字段。可能不是最好的解决方案，但我将其分享给那些与我有类似问题的人。

我的 postlist.js 中有一个查询的帖子列表，每个帖子都有一个唯一的键，相当于子集合中的文档 ID。

post 1 - edit
post 2 - edit
post 3 - edit

然后在我的路线上，我使用了使用反应路由器的 useParams id。使用链接我转到 posteditor 页面 PostEditor.js。

<Route path="/posteditor/:id" component={PostEditor} />

通过使用 PostEditor.js 中 useParams 的 id，我现在可以在 EditPost 函数的 .doc() 中分配 id。

const PostEditor = () => {
  const { id } = useParams

  const userPosts = ....;

  const EditPost = async (event) => {
    event.preventDefault();

    await userPosts
     .doc(id) <------*here I used the id from useParams*
     .set({
       title: title,
       body: body,
       updatedAt: date,
     }, { merge: true })
     .catch((err) => {
      console.log(err)
     })
  }

  return ( //// )
}

现在我可以编辑单个文档并在子集合中单独管理每个文档。正如我所说，它可能不是最好的解决方案，但它对我有用且不会出错。

Answer 2

您无需使用 collectoin.set({}) 也可以使用 collection.update({}) 来更新特定的集合字段。

db.collection("cities").doc("DC").update({
    capital: true
})

这里我提到了代码。这是参考站点的Link。

Answer 3

假设您知道users 集合中文档的ID 和userPosts 集合中文档的ID，您可以按如下方式更新最后一个文档：

const currentUser = firebase.auth().currentUser;
const userPosts = firebase.firestore().collection('users') 
                .doc(currentUser.uid).collection("userPosts");  // <= note the change here, from collection("post") to collection("userPosts")
 
const userPostId = "8ea3....";

const EditPost = async (event) => {
 event.preventDefault();

 await userPosts
  .doc(userPostId) 
  .set({
    title: title,
    body: body,
    updatedAt: date,
  }, { merge: true })
  .catch((err) => {
    console.log(err)
  })
 }

---

更一般地说，要为您知道路径的文档创建DocumentReference，您需要交替调用collection() 和doc() 方法。

您还可以使用斜线分隔的文档路径调用doc() 方法，如下所示。请注意，由于您指向一个文档，因此斜线分隔的路径包含偶数个元素。

const currentUser = firebase.auth().currentUser;
const userPostId = "8ea3....";

const userPostRef = firebase.firestore().doc(`users/${currentUser}/userPosts/${userPostId}`)