cms/tibi-docs
Template
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

svelte keys

Browse Source
This commit is contained in:
Robin Grenzdörfer 2024-01-03 11:07:28 +00:00
parent 0b1ac1609d
commit d16f23f7a8
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/md/probleme.md
View File

@ -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