title: Dynamically generate radio buttons
body: <p>I have a redux form where I included some radio buttons:</p>
  
  <pre><code>     &lt;label htmlFor="passType"&gt;Pass type&lt;/label&gt;
          {passType.touched &amp;&amp; passType.error &amp;&amp; &lt;span className="error"&gt;{passType.error}&lt;/span&gt;}
          &lt;br /&gt;
          &lt;input
            type="radio"
            {...passType}
            id="passType"
            value="0"
            checked={passType.value === '0'}
          /&gt; VIP&lt;br /&gt;
          &lt;input
            {...passType}
            type="radio"
            id="passType"
            value="1"
            checked={passType.value === '1'}
          /&gt; Regular&lt;br /&gt;
  </code></pre>
  
  <p>All well and good, but now the pass types must be dynamically generated from state:</p>
  
  <blockquote>
    <p>PassTypes":[{"Id":1,"Name":"VIP"},{"Id":2,"Name":"Normal"}]</p>
  </blockquote>
  
  <p>This doesn't work: </p>
  
  <pre><code>const renderPassTypes = passTypes =&gt; passTypes.map((passType, i) =&gt; 
  (
    &lt;input
      type="radio"
      {...passType}
      id="passType"
      value={passType.Id}
      checked={passType.Id === ?!?!?} 
    /&gt; {passType.Value}&lt;br /&gt;
  )
  </code></pre>
  
  <p>How should I go about coding a group of radio buttons from an object?</p>
  
  <p>I also have a validator that needs to continue to function as well:</p>
  
  <pre><code>const sendInviteValidator = createValidator({
    passType: required,
  });
  </code></pre>