title: Create HTML from for loop in JSX with React.js
body: <p>I want to crate HTML in for loop in JSX. Here is what my try look likes</p>
  
  <pre class="lang-js prettyprint-override"><code>    function renderTemplates(templates){
             var html = [];
             var templateDiv = [];
             var count  = 0;
             for(var identifier in templates){  
               if(templates.hasOwnProperty(identifier)){
                 var templateDetails = templates[identifier];
                 if(count == 0){
                    html.push(&lt;Row&gt;);
                 }
                 cols = &lt;Col md={6}&gt;ff
                            &lt;/Col&gt;;
                 html.push(cols);
                 if(count == 0){
                        html.push(&lt;/Row&gt;);
                 }
                 count = (count === 1)?0:1;
               }
          } 
          return html;
       }
  </code></pre>
  
  <p>I know this is wrong syntax but can't figure out how to do it. Basically I have some data and want to create html in fashion that 2 divs lies horizontaly in 1 row.                                                          </p>