() {
    return (
      &lt;main&gt;
        &lt;h1&gt;Hello world&lt;/h1&gt;
      &lt;/main&gt;
    )
  }
}
</code></pre>
<p>When using JSX, it&#39;s possible to interpolate Javascript expressions within JSX tags by using curly braces:</p>
<pre><code class="lang-jsx">var greeting = &quot;Hello&quot;
var url = &quot;http://google.com&quot;
var link = &lt;a href={url}&gt;{greeting + &quot;!&quot;}&lt;/a&gt;
// yields &lt;a href=&quot;http://google.com&quot;&gt;Hello!&lt;/a&gt;
</code></pre>
<p>Components ca