title: React dynamically adding html elements/
body: <p>I'm new to React.  I currently have a component. This component has a title and a body. The body can have several paragraphs and I want to dynamically add the elements depending on how many paragraphs each has. So right now I have this:</p>
  
  <pre><code>import React from 'react';
  
  class Content extends React.Component{
      render(){
          var props_list = this.props;
          var keys = Object.keys(props_list);
          console.log(props_list["title"]);
  
          for (var i = 0; i &lt; keys.length; i++){
              console.log(props_list[keys[i]]);
          }
  
          return (
              &lt;div className="introduction"&gt;
                  &lt;h3&gt;{props_list["title"]}&lt;/h3&gt;
                  &lt;div className="div-content"&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          );
      }
  }
  
  export default Content; 
  </code></pre>
  
  <p>Now with this code I can get all the props and information that it's added to each component but I have no clue how to add this information dynamically into the div-content. </p>
  
  <p>Thank you in advance!</p>