From 6f3b0d19098a15000c64140272dd2503e71d9479 Mon Sep 17 00:00:00 2001 From: robin Date: Wed, 3 Jan 2024 11:07:28 +0000 Subject: [PATCH] svelte keys --- docs/md/probleme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/md/probleme.md b/docs/md/probleme.md index 4424378..8d8290e 100644 --- a/docs/md/probleme.md +++ b/docs/md/probleme.md @@ -46,7 +46,7 @@ Wenn in Svelte in einem each block die länge der liste, über die iteriert wurd ### Ursache -Die Ursache ist, dass svelte die liste nicht neu rendert, sondern nur die die properties neu zuordnet. Svelte behandelt keinen key wie den idx als key. Sprich ursprünglich gab es 3 Elemente El1, El2, El3. Wenn nun El1 entfernt wird, wird in der DOM tatsächlich El3 entfernt und die properties von El3 zu El2 und von El2 zu El1 zugewiesen. Das bedeutet, dass nicht reaktive variablen weiterhin den Wert von der vorherigen Komponente beeinhalten! +Die Ursache ist, dass svelte die liste nicht neu rendert, sondern nur die die properties neu zuordnet. Svelte behandelt keinen key wie den idx als key. Sprich ursprünglich gab es 3 Elemente El1, El2, El3. Wenn nun El1 entfernt wird, wird in der DOM tatsächlich El3 entfernt, da 2 ja nun der key ist, der nicht mehr existiert (idx 2/element 3) und die properties von El3 zu El2 und von El2 zu El1 zugewiesen. Das bedeutet, dass nicht reaktive variablen weiterhin den Wert von der vorherigen Komponente beeinhalten! ### Lösungsansatz