React Firebase创建新集合按钮点击

Question

大家好!我想在我的应用程序中做一个聊天室(类似于Instagram)。我正在使用react和Firebase，现在我想知道如何编写一个函数，使ChatRoom2, ChatRoom3等，当你点击"添加聊天"按钮?我认为构建数据库的最佳方式是使用以下结构:

ChatRooms (collection)
ChatRoom1 (document)
Messages (collection)
...
ChatRoom2 (document)
Messages (collection)
...  

但是我不确定如何写这个函数。

Answer 1

要创建一个集合，您只需要在CollectionReference中添加一个文档。

// The button to create new chat
<button onClick={createNewChat}>
const createNewChat = async () => {
const newChatDoc = await addDoc(collection(db, "ChatRooms"), {
...newChatFields
});
const firstMsgDoc = await addDoc(collection(db, "ChatRooms", newChatDoc.id, "messages"), {
content: "Welcome to Chat."
});
console.log(`New chat created: ${newChatDoc.id}`)
}