How to render HTML Template and bind data from JSON response in ReactJS?
<p>I have to render an HTML template using reactjs. HTML template is dynamic and get through an API call. There is provision in template to bind the data in html.
Sample HTML template is as follows,</p>

<pre><code>&lt;a target="_blank" href="{ad.url}"&gt;
    &lt;div class="ads temp-1"&gt;
        &lt;h2&gt;{ad.name}&lt;/h2&gt;
        &lt;div class="adv-content"&gt;
            &lt;div class="advs-image"&gt;
                &lt;img src="{ad.image}" /&gt;
            &lt;/div&gt;
            &lt;div class="adv-desc"&gt;{ad.description}&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/a&gt;
</code></pre>

<p>Here <code>ad</code> is an Object which contains the properties <code>url</code>, <code>image</code>, <code>name</code>, <code>description</code> etc</p>

<p>Sample <code>ad</code> Object is as follows,</p>

<pre><code>var ad = {
    "image": "testimage.jpg",
    "url": "http: //google.com",
    "name": "testadvertisement",
    "description": "testdescription"
}
</code></pre>

<p>I have achieved this in AngularJs using, <code>$compile</code> service.</p>

<p>Now I want to move this to reactjs. 
I have tried to render using reactjs <code>render</code> function, But it didn't help. It renders html as string.</p>

<p>Is there any compile like function in reactjs ? Or could you please suggest any other way to do this right way ?</p>

<p>Any help appreciated.</p>