How to pass more than one argument in component function in React
<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>