title: How to pass more than one argument in component function in React
body: <p>How to pass more than one argument in components function in React</p>
  
  <pre><code> function Ads(product_title, description) {
      return(
        &lt;div className = "row" id="user-ads"&gt;
       &lt;div className = "col-sm-6 col-md-5"&gt;
        &lt;div className = "thumbnail"&gt;
        &lt;img src = "img/img1.jpg" alt = "Generic placeholder thumbnail" /&gt;
        &lt;/div&gt;
        &lt;div className = "caption"&gt;
        &lt;div className="border"&gt;
           &lt;h3&gt;{product_title.title}&lt;/h3&gt;
           &lt;p&gt;{description.desc}&lt;/p&gt;  
              &lt;button className = "btn btn-primary" role = "button" data-toggle="modal" data-target="#view-detail"&gt;View Details
              &lt;/button&gt;  
                &lt;/div&gt;
                  &lt;/div&gt;
                    &lt;/div&gt;
                      &lt;/div&gt;
        );
  </code></pre>
  
  <p>}</p>
  
  <pre><code>ReactDOM.render(&lt;Ads title="PlayStation 4" desc="Lorem ipsum jipsum Lorem ipsum jipsum"/&gt;, document.getElementById('ads'));
  </code></pre>
  
  <p>The code above only takes the value of first parameter</p>