如何从 json object 在 react.js 中创建二维数组？

Question

I have this code:

fetch(' https://localhost:9000/maze')
    .then(res => res.json())
    .then((data) => {
        this.setState({maze: data })
    })
    .catch(console.log);

Which should give me (for example):

[["WALL","WALL","WALL","WALL","WALL"],["WALL","OPEN","OPEN","OPEN","WALL"],["WALL","OPEN","WALL","WALL","WALL"],["WALL","OPEN","OPEN","OPEN","WALL"],["WALL","WALL","WALL","WALL","WALL"]]

I want the 2d array as variable in which I will loop further down the code. And want to draw the maze onto a canvas like this:

for (var y = 0; y < size; y++) {
    var field = test[y];
    for (var x = 0; x < size; x++) {
        if (field[x] === 'WALL') {
            console.log("[" + x + "][" + y + "] " + field[y]);
            ctx.drawImage(wall, (width / size) * x, (height / size) * y, width / size, height / size);
        }
    }
}

This blocks works with a hardcoded 2d array so the only thing I need is a 2d array from the json.

Answer 1

Do you want to parse JSON? If so then use

const parsedJson = JSON.parse(jsonStringToBeParsed)