2d массив в реакции. бесконечная сетка с масштабированием

Question

У меня проблема с 2d массивом в реакции. я пытаюсь построить бесконечный компонент сетки с увеличением масштаба реагирования, как этот http://jsfiddle.net/L3075pd4/2/., как я могу распечатать 2d массив в реакции и как я могу вставлять изображения при нажатии на этот массив? Спасибо за любые ответы

import React, { Component } from 'react'
import '../component/d3.css'

class A extends Component {

  render() {

    const cols = 10;
    const rows = 3;

 const colors = new Array([cols]);

      for(let i=0; i<cols; i++){

        for(let j=0; j<rows; j++){

        }
        colors[i] = new Array([]);
        console.log(colors);

      }
        return (
          <div className="red"> {(document.write(colors))} </div>
        );
      } 


    }
  export default A;