svelte - ダイナミック キード イーチ?

Question

コンポーネント プロパティの値を使用して、キーを設定した各ブロックに動的キーを設定できますか?

例えば：

{{#each items as item @{componentPropertyExpression}}}
    <div>{{item.stuff}}</div>
{{/each}}

Answer 1

Svelte v2.4.0 (2018 年 4 月) 以降、誰かがこの質問にたどり着いた場合に備えて、キー付きの各ブロックを動的に表現できます。

{#each list as item (item.id)}
  <li>{item.name}</li>
{/each}

公式チュートリアルをチェックしてください: https://svelte.dev/tutorial/keyed-each-blocks

ビデオでよりよく学ぶ場合は、 https://youtu.be/kN4R29zbh7gとhttps://youtu.be/itcf8S8Az74をチェックしてください。