title: How can a string be added to React JSX div id?
body: <p>I would like to change id of a div in jsx like so :-</p>
  
  <pre><code>{ ['A','B','C','D'].map((element, cell) =&gt; (
      &lt;div id="alphabet_{element}"&gt;
          Some
      &lt;/div&gt;
  )) } 
  </code></pre>
  
  <p>But this results in</p>
  
  <pre><code>&lt;div id="alphabet_{element}"&gt;
      Some
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I get the actual value of {element} in my div id?</p>