title: How to insert variable string into link tag using react & typescript?
body: <p>I'm new to using javascript and typescript and have a link that needs to be generated based on some other variables. I'm now just trying to stick that link into </p>
  
  <pre><code>&lt;a href="Some Link"&gt; Some Text &lt;/a&gt;
  </code></pre>
  
  <p>Both the "Some Text" and "Some Link" values come from variables.</p>
  
  <p>I can successfully get the "Some Text" from a variable </p>
  
  <pre><code>&lt;dd&gt;&lt;a href="{thisDoesNotWork}"&gt;{someText}&lt;/a&gt;&lt;/dd&gt;
  </code></pre>
  
  <p>but I can't get the href to work, as it just takes the string in as a literal. How do I get the href to work with a variable string? </p>
  
  <p>As requested, here's a bit more detail:</p>
  
  <p>Current typescript:</p>
  
  <pre><code>return (
     &lt;div&gt;
        ....
        &lt;dd&gt;&lt;a href="hardCodedSomething"&gt;{someText}&lt;/a&gt;&lt;/dd&gt;
     &lt;/div&gt;
  )
  </code></pre>
  
  <p>Want:</p>
  
  <pre><code>var someDynamicUrl = "somepath.com" + someId
  
  return (
     &lt;div&gt;
        ....
        &lt;dd&gt;&lt;a href="someDynamicUrl"&gt;{someText}&lt;/a&gt;&lt;/dd&gt;
     &lt;/div&gt;
  )
  </code></pre>