svelte - 更新数组中对象的正确方法是什么？

我有一个对象数组，在我的代码中，我列出了这些对象

{#each advances as tech}
    <Advance tech={tech} addToCart={addToCart}/>
{/each}

添加到购物车功能将更新对象上的变量：

  const addToCart = (tech) =>  {
      tech.Cart = true;
  }

这不会触发反应性，该怎么办？

最佳答案

一种方法是使用其索引引用列表中的项目

{#each advances as tech, index}
    <Advance tech={tech} on:click={() => advances[index].cart = true}/>
{/each}

例如：https://svelte.dev/repl/70d4235faefd4f1b87ad6d359d02f05b?version=3

关于svelte - 更新数组中对象的正确方法是什么？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/60467358/