title: React.js row.map is not a function
body: <p>i have a problem with creating react table, acctualy i have this code</p>
  
  <pre><code>render() {
      var tableData = [
        {name: this.state.users}
      ];
      var tableRow = [];
       for(var x = 1; x &lt;= this.state.users.lenght; x++) {
      tableRow.push(this.state.users[x]);
      if (x % 4 == 0) {
          tableData.push(tableRow);
          tableRow = [];
      }
  }
  
      return (
          &lt;Table1&gt;
          {tableData.map((row, index) =&gt; {
              return (
                  &lt;tr key={row + index}&gt;
                      {row.map((cell, index) =&gt; {
                          return (
                              &lt;td key={"cell_" + index}&gt;{cell}&lt;/td&gt;
                          );
                      })}
                  &lt;/tr&gt;
              );
          })}
     &lt;/Table1&gt;
  </code></pre>
  
  <p>in my <code>tableData</code> i have some firebase data which is retrieved properly, but i have a problem with placing it to table cell, actually with this table code i got an error "TypeError: row.map is not a function" How can i solve that? Thanks :)</p>
  
  <p>edit:
  added console.log for tableData
  <a href="https://i.stack.imgur.com/xrKMn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xrKMn.png" alt="enter image description here"></a></p>