如何在 reactJs 中更新 V9 firebase 上子集合的所有字段

Question

所以我正在創建 instagram 克隆並在 firebase 文檔中嘗試更新字段：

 const uploadPostOnline = (imageUrl, caption) => {
  const userRef = doc(db, "users", "posts");
  setDoc(
    userRef,
    { imageUrl: imageUrl },
    { caption: caption },
    { likes: 0 },
    { likesByUsers: [] },
    { comments: [] },
    { createdAt: serverTimestamp() },
    {}
  );
};

這是我的 firebase 數據庫圖片：

我希望我的代碼使用我添加的字段為每個用戶創建一個“帖子”集合。

編輯：這是我添加 catch 后得到的截圖

再次編輯：

再次：：：

安全規則代碼：

       rules_version = '2';
     service cloud.firestore {
      match /databases/{database}/documents {
         function userIsAuthenticated(){
        return request.auth != null;
      }
       match /{path=**}/posts/{postId}{
        allow read, write : if userIsAuthenticated();
             }
        match /users/{userId}{
           allow read, write : if userIsAuthenticated();
        }
     }
      }

Answer 1

我希望我的代碼使用我添加的字段為每個用戶創建一個“帖子”集合。

您需要使用用戶的ID在子集合中添加post文檔，如下：

  const userId = ...  // For example auth.currentUser.uid (check that value is not undefined, see https://firebase.google.com/docs/auth/web/manage-users#get_the_currently_signed-in_user)
  const collectionRef = collection(db, "users", userId, "posts");
  addDoc(collectionRef, {
      imageUrl, 
      caption,
      likes: 0,
      likesByUsers: [],
      comments: [],
      createdAt: serverTimestamp()
    });

Answer 2

setDoc()將DocumentReference作為第一個參數，將包含文檔所有字段的單個object 作為第二個參數。 嘗試重構代碼，如下所示：

const uploadPostOnline = (imageUrl, caption) => {
  const userRef = doc(db, "users", "posts");
  setDoc(
    userRef, {
      // 'imageUrl: imageUrl' is redundant as your property name and var name are name
      imageUrl, 
      caption,
      likes: 0,
      likesByUsers: [],
      comments: [],
      createdAt: serverTimestamp()
    }
  );
};