如何迭代 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>

更多信息