Parametri e aggiornamenti delle actions
Passi parametri alle actions e reagisca alle variazioni dei parametri con il metodo update.
Parametri e aggiornamenti delle actions è una lezione Sveltejs Academy gratuita su CoddyKit. Questa è la lezione 2 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Sveltejs Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Sveltejs Academy include 4 lezioni in totale.
Action parametrizzate
Le action possono accettare un secondo argomento: i parametri forniti dal consumer.
function tooltip(node, text) {
// ...
}Applicare con parametri
Passi il valore tra parentesi graffe dopo i due punti.
<button use:tooltip={"Save document"}>Save</button>Parametri reattivi
Se i parametri cambiano, viene eseguito il metodo update dell'action.
return {
update(newText) { /* react to change */ },
destroy() { /* cleanup */ }
};Oggetto restituito
Un'action può restituire un oggetto con update e destroy per il pieno controllo del ciclo di vita.
Esempio di schema
Un'action per i tooltip il cui testo si aggiorna in modo reattivo mentre l'utente digita in un campo.
Parametri complessi
Passi oggetti per specificare più opzioni.
<div use:popper={{ placement: "top", offset: 8 }}>Parametri predefiniti
Gestisca undefined in modo appropriato all'interno dell'action.
function tip(node, params = {}) { ... }Tipi TypeScript
Tipizzi la struttura dei parametri con il generico Action per un utilizzo sicuro da parte dei consumer.
Identità stabile
Eviti di passare oggetti inline che cambiano a ogni rendering; potrebbero forzare aggiornamenti non necessari.
Ordine del ciclo di vita
L'action viene eseguita al montaggio; update viene eseguito quando cambiano i parametri; destroy viene eseguito allo smontaggio.
Eviti aggiornamenti pesanti
Mantenga efficiente la logica di update: potrebbe essere eseguita molte volte.
Verifica rapida
Come si reagisce ai cambiamenti dei parametri all'interno di un'action?
Riepilogo
Le action accettano parametri e possono restituire gli handler update/destroy per reagire ai cambiamenti ed eseguire la pulizia.
Domande Frequenti
La lezione «Parametri e aggiornamenti delle actions» è gratuita?
Sì — il testo completo di «Parametri e aggiornamenti delle actions» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Sveltejs Academy, passa a CoddyKit PRO. Il corso Sveltejs Academy include 4 lezioni in totale.
Cosa imparerò in «Parametri e aggiornamenti delle actions»?
Passi parametri alle actions e reagisca alle variazioni dei parametri con il metodo update. Eserciti Sveltejs Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Sveltejs Academy?
Non è richiesta alcuna esperienza precedente. Sveltejs Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 4.
Quanto tempo richiede la lezione «Parametri e aggiornamenti delle actions»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Sveltejs Academy?
Sì. Ogni lezione Sveltejs Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Sintassi della direttiva use:
- Parametri e aggiornamenti delle actions
- La funzione di pulizia destroy()
- Actions pratiche: clickOutside tooltip autofocus