2D阵列反应。具有缩放功能的无限网格组件

Question

我在使用2d数组时遇到问题。我正在尝试通过像这样的http://jsfiddle.net/L3075pd4/2/来构建具有放大作用的无限网格组件。如何在React中打印2d数组以及如何在bt单击上注入图像到此数组？谢谢答案

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;