NextJS – Criar Array vazia e mapeá-la

Por vezes, para testar um loop em javascript (React) ter um Array ou um objecto (JSON ou outro) disponivel é bastante prático. Quando ela não existe, podemos criá-lo on the fly com o método from()

O método from() cria um novo Array a partir de um objeto iterável ou do tipo array.

No exemplo abaixo criamos um Array com um tamanho de 12, passamos os valores para uma função e iteramos acrescentado +1 até ao final do Array.

Neste exemplo mapeamos o Array em ReactJS:

{Array.from({ lenght: 12 }, (i) => i+1).map((id) => (
  < key={id}>{id}</>
))}