如何迭代 Svelte 商店中的数组？

Question

我在store.ts中有一个数组

export let annotations = writable(new Array<Annotation>());

我想在component.svelte中遍历数组：

<script lang="ts">
  import { annotations } from '../store';
</script>

<section>
  {#each annotations as highlight, index}
    ...
  {/each}
</section>

这失败了：

“Writable<Annotation[]>”类型的参数不可分配给“ArrayLike”类型的参数

这是有道理的 - Writable object 不是常规数组，它是Writable 。

如何迭代 Svelte 商店中的数组？

Answer 1

在component.svelte中迭代数组：

<script lang="ts">
  import { annotations } from '../store';
</script>

<section>
  {#each $annotations as highlight, index}
    ...
  {/each}
</section>

更多信息