title: React-Select, Async Option, no value displayed
body: <pre><code>import React from 'react';
  import Select from 'react-select';
  require("../node_modules/react-select/dist/react-select.css");   
  
  const getOptions = (input) =&gt; {
        return fetch(`/games/uni/autocomplete/${input}`)
          .then((response) =&gt; {
            return response.json();
          }).then((json) =&gt; {
  
        console.log(json)
        return { options: json };
      });
  }
  
  
  var SearchBar = React.createClass({
      render: function() {
         return (
  
              &lt;Select.Async
                name="form-field-name"
                loadOptions={getOptions} /&gt;   
      )
    }
  });
  
  export default SearchBar;
  </code></pre>
  
  <p>console.log(json) is like: <code>["EA SPORTS FIFA 16", "FIFA 16 Ultimate Team"]</code></p>
  
  <p>But the suggeestion values are empty</p>
  
  <p><a href="https://i.stack.imgur.com/9pF4X.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9pF4X.png" alt="empty select"></a></p>
  
  <p>Here the state and props of the component Async</p>
  
  <p><a href="https://i.stack.imgur.com/fx0I9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fx0I9.png" alt="props and state of component"></a></p>
  
  <p>Here the official documentation with the example: <a href="https://github.com/JedWatson/react-select#async-options-with-promises" rel="nofollow noreferrer">https://github.com/JedWatson/react-select#async-options-with-promises</a></p>
  
  <p>What im missing?</p>