title: How can I interpolate JSX with an expression in a string?
body: <p>Looking to achieve the following:</p>
  
  <pre><code>&lt;div className="total total-{obj.state}"&gt;
  </code></pre>
  
  <p>Obviously this compiles to:</p>
  
  <pre><code>&lt;div class="total total-{obj.state}"&gt;
  </code></pre>
  
  <p>Is there an elegant way in JSX to evaluate the expression in the <code>{}</code> within a string?</p>