title: How to create a new array of objects for each String Javascript/React?
body: <p><strong>Resume:</strong>
  For each value selected in a multi-select field, a function is called and add the value to a string. All I want is to add it as a Object into a array. Example:</p>
  
  <p><strong>1 options selected:</strong></p>
  
  <pre><code>Current:
  "selected01"
  Desired: 
  [ { "value": "selected01"} ]
  </code></pre>
  
  <p><strong>2 options selected:</strong></p>
  
  <pre><code>Current: 
  "selected01, selected02"
  Desired:
  [ {"value": "selected01"}, {"value":"selected02"}]
  </code></pre>
  
  <p><strong>Full explanation:</strong></p>
  
  <p>I have a function, that receives a String and add it to the state the value. Example:</p>
  
  <pre><code>handleSelectChange (value) {
      this.setState({ value })
  }
  </code></pre>
  
  <p>So imagine you have a multi selectable field with three choices and select two of them.</p>
  
  <p>It will call:</p>
  
  <pre><code>onChange={this.handleSelectChange}
  </code></pre>
  
  <p>The state will be then:</p>
  
  <pre><code>state.value: 'selected01, selected02'
  </code></pre>
  
  <p>In case you select one more:</p>
  
  <pre><code>state.value: 'selected01, selected02, selected03'
  </code></pre>
  
  <p><strong><em>But</em></strong> what I'm trying to do is to have a Array with 3 objects:</p>
  
  <pre><code>Object: 
  [
    {"value": "select01"},
    {"value": "select02"},
    {"value": "select03"}
  ]
  </code></pre>
  
  <p>Another way to see the desired output (console.log):</p>
  
  <pre><code>state: [3]
    [0]: Object
    [1]: Object
    [2]: Object
  </code></pre>
  
  <p>Any ideas?</p>