React render link containing a variable
<p>I am trying to do the following:</p>

<pre class="lang-js prettyprint-override"><code>&lt;tbody&gt;
    {projects.map(function(project, i) { return (
    &lt;tr key={i}&gt;
        &lt;td&gt;
            {project.id}
        &lt;/td&gt;
        &lt;td&gt;
            &lt;a href='#/systemlist?projId={project.id}'&gt;{project.name}&lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    );} )}
&lt;/tbody&gt;
</code></pre>

<p>It should point to another component, using router. It all works, except the {project.id} not being rendered as a value. How to do that? Everything else outside of href  works.</p>