title: React render link containing a variable
body: <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>