How to create a 2D array for react

Question

This is my code thus far for a getCoordinates function that produces a list of coordinates in a grid.

getCoordinates = () => {
        let result = []
        for (int i = 1; i <= this.state.gridSize; i++){
            for (int j = 1; j <= this.state.gridSize; j++){
                result.push([i*100, j*100])
            }
        }
        return result;
};

I want to return something like for gridSize = 4

[[100, 100], [100, 200], [100, 300], [100, 400],
[200, 100], [200, 200], [200, 300], [200, 400],
[300, 100], [300, 200], [300, 300], [300, 400],
[400, 100], [400, 200], [400, 300], [400, 400]]

Can anyone please help me get the correct syntax?

stackoverflow.com/q/5718068/3001761? Note that it's helpful to include the actual output as part of your minimal reproducible example (and, prior to even posting, to search for your error messages). — jonrsharpe
– jonrsharpe, Commented Nov 19, 2019 at 22:58

Henry · Accepted Answer · 2019-11-20 01:08:33Z

0

The issue here is with the declaration of the variables i and j. Currently they're declared with Java (or similar) syntax. Instead those int key words should be replaced with let.

Like this:

getCoordinates = () => {
    let result = []
    for (let i = 1; i <= this.state.gridSize; i++){
        for (let j = 1; j <= this.state.gridSize; j++){
            result.push([i*100, j*100])
        }
    }
    return result;
}

answered Nov 20, 2019 at 1:08

Henry

15.9k7 gold badges51 silver badges69 bronze badges

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

Collectives™ on Stack Overflow

How to create a 2D array for react

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related