Firestore 更新数组字段中的单个项目

Question

我在 Firebase Firestore 中有一份文档，内容如下所示。 这里的要点是我有一个名为items的数组，其中包含对象：

{
 name: 'Foo',
 items: [
   {
     name: 'Bar',
     meta: {
        image: 'xyz.png',
        description: 'hello world'
     }
   },
   {
     name: 'Rawr',
     meta: {
        image: 'abc.png',
        description: 'hello tom'
     }
   }
 ]
}

我正在尝试更新项目数组中的字段，在元 object 下。例如 items[0].meta.description 从 hello world 到 hello bar

最初我试图这样做：

  const key = `items.${this.state.index}.meta.description`
  const property = `hello bar`;

  this.design.update({
    [key]: property
  })
  .then(() => {
    console.log("done")
  })
  .catch(function(error) {
    message.error(error.message);
  });

但这似乎没有用，因为它删除了我想修改的项目索引中的所有内容，并且只是将描述保留在元 object 下

我现在正在尝试以下基本上用新数据重写整个元 object

  const key = `items.${this.state.index}.meta`
  const property = e.target.value;
  let meta = this.state.meta;
  meta[e.target.id] = property;

  this.design.update({
    [key]: meta
  })
  .then(() => {
    this.setState({
    [key]: meta
    })
  })
  .catch(function(error) {
    message.error(error.message);
  });

不幸的是，这似乎将我的整个项目数组变成了一个 object，看起来像这样：

{
 name: 'Foo',
 items: {

   0: {
     name: 'Bar',
     meta: {
        image: 'xyz.png',
        description: 'hello world'
     }
   },
   1: {
     name: 'Rawr',
     meta: {
        image: 'abc.png',
        description: 'hello tom'
     }
   }
 }
}

有什么想法可以更新我想要的内容吗？

Answer 1

Firestore 无法更新索引数组中的现有元素。 文档中描述了您唯一的更新数组选项 - 您可以向数组添加新元素（“arrayUnion”）或删除元素（“arrayRemove”）。

作为替代方案，您可以从文档中读取整个数组，在内存中对其进行修改，然后完全更新修改后的数组字段。

Answer 2

您可以为该特定数组创建一个单独的集合，就像之前这张图片中的这个一样，我有不同的名称字段（没有集合），email 和页面，在此，我想更改特定页面内的数据大批。 为此，我制作了一个不同的页面集合，每个页面的单独文档都具有标题描述和可以改变的内容的值。