Svelte 為 each 塊添加 key 值

一般來說，當(dāng)你修改each 塊中的值時(shí)，它將會(huì)在 尾端 進(jìn)行添加或刪除條目，并更新所有變化， 這可能不是你想要的效果。

為此，我們?yōu)?nbsp;each 塊指定一個(gè)唯一標(biāo)識(shí)符，作為 key 值：

{#each things as thing (thing.id)}
	<Thing current={thing.color}/>
{/each}

(thing.id) 告訴 Svelte 什么地方需要改變。

你可以將任何對(duì)象用作 key 來使用，就像Svelte 用 ?Map? 在內(nèi)部作為key一樣，換句話說，你可以用 ?(thing)? 來代替 ?(thing.id)?作為 key 值。但是，使用字符串或者數(shù)字作為 key 值通常更安全，因?yàn)檫@能確保它的唯一性，例如，使用來自API服務(wù)器的新數(shù)據(jù)進(jìn)行更新時(shí)。