Resolver promesas en plantillas Svelte

 

 

 

Resolver promesas en plantillas svelte 1

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 awaitsintaxis 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:

  1. Introducción a React
  2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
  3. Cómo cambiar el valor de un nodo DOM
  4. 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-11-03

 

Resolver promesas en plantillas svelte 1
Resolver promesas en plantillas svelte 1

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

 

 

Update cookies preferences