{#key} per forzare il nuovo rendering

{#key expr} distrugge e ricrea il proprio contenuto ogni volta che cambia expr. È utile quando desidera un componente nuovo.

Racchiuda un elemento animato in {#key} per riprodurre la transizione ogni volta che cambia la chiave.

Racchiuda un componente figlio con stato interno in {#key id} per reimpostare completamente lo stato quando cambia l'id.

Il blocco {#key} usa una chiave per un singolo elemento; {#each ... (key)} usa chiavi per gli elementi di un elenco.

Lo utilizzi quando desidera reimpostare uno stato interno complesso senza cancellare manualmente ogni campo.

Ogni modifica della chiave smonta e ricostruisce il sottoalbero. Eviti di racchiudere alberi molto grandi se la chiave cambia spesso.

Chiuda con {/key}.

Riavviare le animazioni, reimpostare gli input non controllati e forzare un nuovo fetch quando si passa a un'entità diversa tramite il routing.

A volte può reimpostare lo stato imperativamente con un ref. {#key} è più pulito per le reimpostazioni dichiarative.

Lo abbini alle transizioni per fornire un'indicazione visiva fluida che qualcosa è cambiato radicalmente.

Non racchiuda contenuti puramente reattivi in {#key}: Svelte li aggiorna già in modo efficiente.

{#key} forza una distruzione e ricostruzione completa ogni volta che cambia la sua espressione; è utile per le reimpostazioni e per riprodurre nuovamente le animazioni.