title: How to insert multidimensional array data in react js?
body: <p>Here, i have included a my example code. If it is one dimensional array means, i can easily insert json data's into my code. How to achieve this one with multidimensional json data with react js?</p>
  
  <pre><code>var Category = React.createClass({
    render: function() {
      return (
          &lt;div&gt;
            {this.props.data.map(function(el,i) {
              return &lt;div key={i}&gt;
                  &lt;div&gt;
                      {el.product}
                  &lt;/div&gt;
                  &lt;div&gt;
                      {el.quantity}
                  &lt;/div&gt;
              &lt;/div&gt;;
            })}
          &lt;/div&gt;
      );
    }
  });
  
  var data = [
      {
          product:"a",
          quantity:28,
          sub:[
              {
                  subItem:'a'
              },
              {
                  subItem:'b'
              }
          ]
      },
      {
          product:"b",
          quantity:20,
          sub:[
              {
                  subItem:'a'
              },
              {
                  subItem:'b'
              }
          ]
      }
  ];
  
  
  React.render(&lt;Category data={data}/&gt;, document.body);
  </code></pre>