Aprenda a trabajar con promesas en las plantillas de Svelte
Las promesas son una herramienta increíble que tenemos a nuestra disposición para trabajar con eventos asincrónicos en JavaScript.
La introducción relativamente reciente de la await
sintaxis en ES2017 hizo que el uso de promesas fuera aún más sencillo.
Svelte nos proporciona la {#await}
sintaxis en plantillas para trabajar directamente con promesas a nivel de plantilla.
Podemos esperar a que se resuelvan las promesas y definir una interfaz de usuario diferente para los distintos estados de una promesa: no resuelta, resuelta y rechazada.
Así es como funciona: definimos una promesa y, usando el {#await}
bloque, esperamos que se resuelva.
Una vez que se resuelve la promesa, el resultado se pasa al {:then}
bloque:
script const fetchImage = (async () = { const response = await fetch('https://dog.ceo/api/breeds/image/random') return await response.json() })()/script{#await fetchImage} p...waiting/p{:then data} img src={data.message} alt="Dog image" /{/await}
Puedes detectar un rechazo de promesa agregando un {:catch}
bloque: Fotos Porno y actrices porno
{#await fetchImage} p...waiting/p{:then data} img src={data.message} alt="Dog image" /{:catch error} pAn error occurred!/p{/await}
Ejecute el ejemplo: https://svelte.dev/repl/70e61d6cc91345cdaca2db9b7077a941
Tal vez te puede interesar:
- Introducción a React
- Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
- Cómo cambiar el valor de un nodo DOM
- Cómo comprobar si un elemento DOM tiene una clase
Resolver promesas en plantillas Svelte
Las promesas son una herramienta increíble que tenemos a nuestra disposición para trabajar con eventos asincrónicos en JavaScript. Aprenda a trabajar con pr
programar
es
https://aprendeprogramando.es/static/images/programar-resolver-promesas-en-plantillas-svelte-2164-0.jpg
2024-10-16
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente