如何將子集合添加到 firestore 中的子集合，反應應用程序

Question

我在這樣的用戶集合中創建預算的子集合：

const addBudget = async (budget: Budget, userId: string) => {
  await addDoc(collection(db, 'users', userId, 'budgets'), { name: budget.name, max: budget.max });
};

預算的 ID 是自動生成的，但我想在預算中添加另一個子集合：

const addExpense = async (expense: Expense, userId: string) => {
  await addDoc(collection(db, 'users', userId, 'budgets', expense.budgetId /* auto generated id should be here here*/, 'expenses'), {
    description: expense.description,
    expenseValue: expense.expenseValue
  });
};

這是我在 firestore 中的結構，但它現在不起作用，它創建新的預算 ID 1，然后創建費用的子集合：

我怎樣才能以其他方式添加這個費用子集合？

Answer 1

addDoc function返回一個DocumentReference 。 所以如果你捕獲它，你可以讀取它的id並使用它在它下面創建另一個子集合。

const budgetRef = await addDoc(collection(db, 'users', userId, 'budgets'), { name: budget.name, max: budget.max });
const budgetId = budgetRef.id;
...