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

Question

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

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

添加到购物车函数更新对象上的变量：

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

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

Answer 1

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

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