Not initialized variable in nested for js react

Question

I am trying to create 40 cells with react , each should have a different title. For example a0 ...a9, b0 ..b9 etc. This is my code

const mapItems = () => {
    let playerId = ["a", "b", "c", "d"];
    let cellId;
    let l, j;
    for (j = 0; j < 4; j++) {
        for (l = 0; l < 10; l++) {
            cellId = playerId[j].concat(l);
            return (
                    <Cell title={cellId} className={"column"}>
                        {returnItemsForCell(cellId)}
                    </Cell>
            )
        }
    }

}

For some reason I get an error that a variable is not initialized , and only one in nested For loop.
Any ideas on how to do it right? Thanks in advance

Your nested loop looks correct may be your editor showing it wrongly, but you will get only 4 results in this code. 40 items will not be there on the list! because you are returning instantly on second loop — Sojin Antony
– Sojin Antony, Commented Sep 16, 2021 at 10:32

Vlad Halyts · Accepted Answer · 2021-09-16 10:43:48Z

-1

If someone ever has the same problem , this is the solution.

const mapItems = () => {
    let playerId = ["a", "b", "c", "d"];
    let cellId;
    let cellsList = [];
    for (let j = 0; j < 4; j++) {
        for (let l = 0; l < 10; l++) {
            cellId = playerId[j].concat(l);

            cellsList.push(
                <Cell title={cellId} className={"column"}>
                    {returnItemsForCell(cellId)}
                </Cell>
            )
        }
    }
    return cellsList;

The return just jumped out of the loop.

answered Sep 16, 2021 at 10:43

Vlad Halyts

132 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Not initialized variable in nested for js react

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related