Dynamic href tag React in JSX : <pre><code>// This Javascript &lt;a&gt; tag generates correctly
React.createElement('a', {href:"mailto:"+this.props.email}, this.props.email)
</code></pre>

<p>However, I'm struggling to recreate it in JSX</p>

<pre><code>&lt;a href="mailto: {this.props.email}"&gt;{this.props.email}&lt;/a&gt;

// =&gt; &lt;a href="mailto: {this.props.email}"&gt;&lt;/a&gt;
</code></pre>

<p>The href tag thinks the <code>{this.props.email}</code> is a string instead of dynamically inputting the value of <code>{this.props.email}</code>. Any ideas on where I went amiss?</p>
