title: How to render array of object?
body: <pre><code>const jsx = []
  for (var i = 0; i &lt; 25; i++) { 
      var row = document.createElement('div');
      row.className = 'row row' + (i + 1);
      row.id = 'row' + (i + 1);
      for (var j = 0; j &lt; 25; j++) {
          var node = document.createElement('div');
          node.className = 'node node' + ((i * 10) * (j + 1));
          node.id = 'node' + count;
          count++;
          row.appendChild(node);
      }
      jsx.push(row);
  }    
    
  
  return (
      &lt;div className='maze'&gt;
         {jsx}
      &lt;/div&gt;
  )
  </code></pre>
  <pre><code>Error Cannot render  object use array instead
  </code></pre>
  <p>this code is running in javascript</p>
  <p>Basically, I want 25 divs, and in each div 25 div children. Can you suggest react approach to do this?</p>