Pętle w React

Question

Udało się komuś z was wygenerować coś w React przy pomocy pętli?

W tym tuturialu https://reactjs.org/tutorial/tutorial.html aż się prosi zastosować pętlę przy generowaniu planszy , tutaj wywołuje się funkcję dla każdego klocka.

Jak chcesz zastosować najzwyczajniejszą pętlę to wyskakuje "unexpected token"

Komuś z was udało się coś takiego uzyskać?

Answer 1

Masz dobrą intuicję, ale polecam dokładniej czytać dokumentację :)

Comments

Jakoś udaje mi się posłużyć array.map , ale potwornie ciężko jest uzyskać w ten sposób coś bardziej skomplikowanego.

Powiedzmy że generujemy divy i mają one być grupowane w inne divy.

Udało mi sie wygenerować taki kod:

var counter=1;
for(var i=1;i<4;i++){
    plansza+=('<div style=\'border:1px black solid\'>');
    for(var j=1;j<4;j++){
    plansza+=("<div>"+counter+"</div>");
    counter++;
    }
    plansza.+=('</div>');
}

Jednak to nie chce się wygenerować ze względu że chce dostać tablicę, wtedy myślałem żeby zdefiniować zmienną plansza jako Array i zamiast += uzyć push , dalej upomina się o tablicę.

Ktoś by miał jakiś pomysł?