title: How to have React evaluate a dynamic variable?
body: <p>I have the following:</p>
  
  <pre><code>    {this.props.fields.map(field =&gt; (
        &lt;div key={field.skill_id}&gt;
          &lt;Field
            component={RadioGroup}
            name={ 'skill_id_' + field.skill_id }
            title={field.name}
            activeValue={this.props.formState &amp;&amp; this.props.formState.skill_id_${field.skill_id}}
            required={true}
            options={[
              { title: '1', value: '1' },
              { title: '2', value: '2' },
              { title: '3', value: '3' },
              { title: '4', value: '4' },
              { title: '5', value: '5' }
          ]} /&gt;
  
        &lt;/div&gt;
      ))}
  </code></pre>
  
  <p><code>activeValue</code> is not being evaluated correctly. I need this variable to be dynamically evaluated:</p>
  
  <pre><code>this.props.formState.skill_id_${field.skill_id}}
  </code></pre>
  
  <p>What am I doing wrong?</p>
  
  <p>I get </p>
  
  <blockquote>
    <p>syntax error: Unexpected token, expected } (57:82) 55<br>
    name={ 'skill_id_' + field.skill_id } 56<br>
    title={field.name} > 57<br>
    activeValue={this.props.formState &amp;&amp; this.props.formState.skill_id_${field.skill_id}}</p>
  </blockquote>