title: Concatenating variables and strings in React
body: <p>Is there a way to incorporate React's curly brace notation and an <code>href</code> tag? Say we have the following value in the state:</p>
  
  <pre><code>{this.state.id}
  </code></pre>
  
  <p>and the following HTML attributes on a tag:</p>
  
  <pre><code>href="#demo1"
  id="demo1"
  </code></pre>
  
  <p>Is there a way I can add the <code>id</code> state to the HTML attribute to get something like this:</p>
  
  <pre><code>href={"#demo + {this.state.id}"}
  </code></pre>
  
  <p>Which will yield:</p>
  
  <pre><code>#demo1
  </code></pre>