Parámetros y actualizaciones de acciones
Pase parámetros a las acciones y responda a sus cambios mediante el método update
Parámetros y actualizaciones de acciones es una lección gratuita de Sveltejs Academy en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Sveltejs Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Sveltejs Academy incluye 4 lecciones en total.
Actions parametrizadas
Las actions pueden aceptar un segundo argumento: parámetros proporcionados por el consumidor.
function tooltip(node, text) {
// ...
}Aplicar con parámetros
Pase el valor entre llaves después de los dos puntos.
<button use:tooltip={"Save document"}>Save</button>Parámetros reactivos
Si cambian los parámetros, se ejecuta el método update de la action.
return {
update(newText) { /* react to change */ },
destroy() { /* cleanup */ }
};Objeto de retorno
Una action puede devolver un objeto con update y destroy para controlar todo su ciclo de vida.
Ejemplo de patrón
Una action de información emergente cuyo texto se actualiza de forma reactiva mientras el usuario escribe en un campo.
Parámetros complejos
Pase objetos para proporcionar varias opciones.
<div use:popper={{ placement: "top", offset: 8 }}>Parámetros predeterminados
Gestione undefined correctamente dentro de la action.
function tip(node, params = {}) { ... }Tipos de TypeScript
Defina la estructura de los parámetros con el genérico Action para que los consumidores puedan usarlos de forma segura.
Identidad estable
Evite pasar objetos insertados directamente que cambien en cada renderizado; podrían forzar actualizaciones innecesarias.
Orden del ciclo de vida
La action se ejecuta al montarse; update se ejecuta cuando cambian los parámetros; destroy se ejecuta al desmontarse.
Evitar actualizaciones costosas
Mantenga eficiente la lógica de update, ya que puede ejecutarse muchas veces.
Comprobación rápida
¿Cómo reacciona a los cambios de parámetros dentro de una action?
Resumen
Las actions aceptan parámetros y pueden devolver controladores update/destroy para reaccionar a los cambios y realizar la limpieza.
Preguntas frecuentes
¿La lección «Parámetros y actualizaciones de acciones» es gratis?
Sí — el texto completo de «Parámetros y actualizaciones de acciones» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Sveltejs Academy, actualiza a CoddyKit PRO. El curso de Sveltejs Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Parámetros y actualizaciones de acciones»?
Pase parámetros a las acciones y responda a sus cambios mediante el método update Practicas Sveltejs Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Sveltejs Academy?
No se requiere experiencia previa. Sveltejs Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.
¿Cuánto tiempo toma la lección «Parámetros y actualizaciones de acciones»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Sveltejs Academy?
Sí. Cada lección de Sveltejs Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Sintaxis de la directiva use:
- Parámetros y actualizaciones de acciones
- La función de limpieza destroy()
- Acciones prácticas: clickOutside, tooltip y autofocus