no jsx não é possível usar o for. então para iterar uma lista, usamos o map. Minha duvida é qual a melhor solução para quando não temos uma lista para essa função, apenas o numero que gostaríamos de repetir.
O que eu fiz foi criar uma lista com um for apenas para depois usar o map
function App() {
const lista = [];
const tamanhoDaLista = 7;
for (let i = 0; i < tamanhoDaLista; i++) {
lista.push(i);
}
return (
<div>
{lista.map((item, index) => (
<h2 key={index}>Ola Mundo </h2>
))}
</div>
);
}
Funciona, mas achei repetitivo e muito verboso. Tentei criar uma lista de NULL com o tamanho desejado com o comando
lista =new Array(12)
No entanto, o map não funciona com valores indefinidos.
Gostaria de saber se existe uma forma melhor de fazer isso