从 Firestore 数组中按键/值删除项目

我在 Firestore 中有一个数组，其结构如下：

palettes
    0: {date: 2019-05-01, name: "First Palette", palette: [array]}
    1: {date: 2019-05-02, name: "Palette 2", palette: [array]

中的每一项palettesarray 是一个调色板项目，其中包含日期、名称和调色板数据。

在我的 React 应用程序中，我尝试通过引用 Firestore 数据库中的特定调色板来删除它name价值并且没有任何运气。

例如，如果我有paletteName从点击事件传入的“Palette 2”，如何删除以该字符串作为名称值的调色板？

这是我尝试过的：

1.

const deletePalette = paletteName => {
    db.collection('users').doc(user.uid)
    .update({
         palettes: firebase.firestore.FieldValue.arrayRemove({
             name: paletteName
         })
    })
    // ...
}

2.

const deletePalette = paletteName => {
    db.collection('users').doc(user.uid)
        .update({
            palettes: firebase.firestore.FieldValue.arrayRemove(paletteName)
        })
    // ...
}

3.

const deletePalette = paletteName => {
    const ref = db.collection('users').doc(`${user.uid}/palettes/`)

    ref.update({
        [paletteName]: firebase.firestore.FieldValue.delete()
    })
    // ...
}

4.

const deletePalette = paletteName => {
    db.collection('users').doc(user.uid)
    .update({
        palettes: palettes.filter(
            palette => palette.name !== paletteName
        )
    })
    // ...
}

这些都没有这样做。我在这里缺少什么？

您将无法使用FieldValue.arrayRemove。这只适用于作为数组的顶级字段。您也无法通过一次操作来完成此操作。

你不得不

1）将整个文档读入内存，
2）按照你想要的方式修改内存中的数组，
3）然后将该字段更新回文档。