title: react-select: How to integrate the results of map function to the options of react-select
body: <p>Can someone help me understand the mistake I am making? Because in the react-select box the options are not showing but when I print the selected option it doesn't give me the undefined value, in fact, it gives me the correct answer.</p>
  <pre><code> &lt;Card.Body&gt;
                         
  { Object.entries(this.state.liste).map( ([key,valuee]) =&gt; 
                           
                   
                          
                              &lt;div className=&quot;row &quot;&gt;
                              &lt;div className=&quot;col-xl-11&quot;&gt;
                                      &lt;h6 className=&quot;align-items-center float-left&quot;&gt;{key}&lt;/h6&gt;
                                      &lt;div className=&quot;text-right&quot;&gt;
                              &lt;div className=&quot;col-md-11&quot; style={{width: '130px',  height: '20px',top: '-20px', right: '-400px'}}&gt;
                                  
                       
          &lt; Select name = &quot;secondSelectt&quot;  multi={true} options=
         {valuee} 
         onChange={this.handleChange3}  /&gt;  
         &lt;/div&gt;
                           
                              &lt;/div&gt;
                              &lt;div className=&quot;progress m-t-30 m-b-20&quot; style={{height: '1px'}}&gt;
                                          &lt;div className=&quot;progress-bar progress-c-theme&quot; role=&quot;progressbar&quot; style={{width: '0%'}} aria-valuenow=&quot;0&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot;/&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;) }
  
                             
                          &lt;/Card.Body&gt;
  </code></pre>