title: Creating dynamic elements with js array in reactjs
body: <p>I have and array (JS) of data in React component. I want to generate dynamic divs using loop on that array.</p>
  
  <p>One is it can be done with jquery / javascript</p>
  
  <pre><code>componentDidMount(){
      var headingsArray = //contains some data from backend;
  
      for (var i = 0; i &lt; headingsArray.length; i++) {
          var maprow = '';
          maprow += "&lt;div&gt;"+ headingsArray[i] +"&lt;/div&gt;";
         //Some More Data In maprow
         $('.parentDiv').append(maprow);
      }
  }
  
  render(){
     return(
         &lt;div className="parentDiv"&gt;&lt;/div&gt;
     )
  }
  </code></pre>
  
  <p>What is the react way to do it? as i am new to react</p>