title: React.js “Invariant Violation: findComponentRoot”
body: <p>I know the mistake is from the nested stuff and  nested <code>_.map</code> function but I can't figure out how to do this.</p>
  
  <p>Below a part of the render function: </p>
  
  <p>What I want to do is:</p>
  
  <ol>
  <li>Check is <code>this.props.currencylist</code> exists</li>
  <li>Then display a <code>&lt;select&gt;</code> dropdown</li>
  <li>with the <code>&lt;options&gt;</code> coming from the <code>this.props.currencylist</code></li>
  </ol>
  
  <p><b></b></p>
  
  <pre><code>{ 
    this.props.currencylist ?
    &lt;select  id="fiatselector" onChange={this.onSelectCurrency} value {this.props.selectedcurrency}&gt;
    { 
       _.map(this.props.currencylist, function(currency) { 
         return &lt;option value={currency}&gt; {currency} &lt;/option&gt;  
       })
    }
    &lt;/select&gt;
    : 
    ""
  }    
  </code></pre>
  
  <p>thanks a lot!</p>
  
  <p>Btw, at the first render it works perfectly, it bugs when the  have to be updated, rerendering with a new currencylist trigger the error</p>