Estoy revisando un proyecto anterior para un curso en la escuela, pero sigo recibiendo un error de una variable de cuadrícula indefinida para generar mi cuadrícula.

Quiero recorrer la cantidad de filas y columnas para las que quiero almacenar las propiedades en una matriz llamada cuadrícula. Luego, quiero mostrar nodos para las filas y columnas en la matriz con .map().

Sin embargo, soy bastante nuevo para reaccionar y parece que no puedo encontrar por qué no puedo acceder a la matriz de cuadrícula dentro de render().

 class PathfinderGrid extends Component { constructor(props) { super(props) this.state = { grid: [], }; } componentDidMount() { const grid = createGrid(); this.setState({ grid }); //console.log(this.state.grid) } render() { return ( <div> {grid.map((grid) => { <div>{ grid }</div> })} </div > ); } } const createGrid = () => { let grid = []; for (let row = 0; row < 15; row++) { let currentRow = []; for (let col = 0; col < 50; col++) { currentRow.push(); } grid.push(currentRow); //console.log(grid); } return grid; }; export default PathfinderGrid;