Cómo simular un bucle for en plantillas Svelte

Las plantillas Svelte nos ofrecen lo fantástico de cada bloque que nos permite iterar en una matriz, o cualquier cosa que sea iterable:

<script>
let goodDogs = ['Roger', 'Syd']
</script>

{#each goodDogs as goodDog} <li>{goodDog}</li> {/each}

Pero, ¿qué sucede si desea repetir un bloque varias veces, en función de una variable? Digamos que tenemos elrowsvariable que contiene un número, y queremos usarla como variable de ciclo.

Podemos hacer lo que necesitamos creando una matriz, usando elArray(n)sintaxis. Esto creará una matriz, inicializándola connartículos:

{#each Array(rows) as _, row}
  {row}
{/each}

Descarga mi gratisManual Svelte


Tutoriales más esbeltos: