title: map data into put and select the selected item
body: <p>I have data like this</p>
  
  <pre><code>"dates": {
  "contract": [
        {"id":1,"name":"1 month","value":false},
        {"id":2,"name":"2 months","value":true}
      ]
  }
  </code></pre>
  
  <p>How can I mapped it into a select HTML? I did this</p>
  
  <pre><code>&lt;select className="form-control"&gt;
      {item.dates.contract.map(obj =&gt; 
          &lt;option value={obj.value} &gt;{obj.value}&lt;/option&gt;
      )}
  &lt;/select&gt;
  </code></pre>
  
  <p>It worked partially, it rendered but now I'm stuck at selecting the option.</p>