Firebase：如何将自动生成的文档 ID 添加到 svelte 中的文档？

Question

在 svelte 中添加具有自动生成的 id 的 firebase 文档的正确方法是什么？

到目前为止，我正在使用以下代码片段：

db.collection('colname').add({ id:'temp', text:'sometext' }).then(
    result=>{
        db.collection('colname').doc(result.id).update({id: result.id});
    }
);

我不喜欢这个解决方案：

1. 与数据库有 2 个单独的交互；
2. Svelte 将内容呈现 2 次，即在每次数据库交互之后。 这也是我需要在add()中添加一个临时id的原因。

有没有更简洁的解决方案？

---

上下文：

我想将文档作为参数传递给一个苗条的 SvelteSubComponent：

let docs = [];
db.collection('colname').onSnapshot(data =>{
    docs=data.docs;    
});

(...)

{#each docs as doc}
<SvelteSubComponent {...doc.data()}/>
{/each}

我希望能够访问 SvelteSubComponent 中的文档 ID。

Answer 1

如果您只需要一个唯一的随机 ID，我建议您使用UUID 库（ npm install uuid ），特别是UUID v4 。

然后您将按如下方式使用它：

import { v4 as uuidv4 } from 'uuid';
...
db.collection('colname').add({ id: uuidv4(), text:'sometext' }).then(...);

生成的 ID 将是一个唯一的随机生成的字符串，形式为'1b9d6bcd-bbfd-4b2d-9b5d-ab8dfbbd4bed' 。

Answer 2

add()方法每次都会生成一个随机的文档 ID。 如果您还想在文档数据中添加文档 ID，那么最好事先生成 ID，然后使用set()创建具有该 ID 的文档：

const docId = db.collection('colname').doc().id

db.collection('colname').doc(docId).set({ id: docId, text:'sometext' }).then(() => {
  console.log("Document added")
})