title: react-native fill the picker by mapping
body: <p>on my RN project, I'm trying to fill my <code>Picker</code> by mapping from the state, which is an array. I consoled the object during mapping and it seems there isn't any problem, it shows the object that is being mapped. What I am doing wrong? Can you help me, please?</p>
  
  <pre><code>&lt;Item&gt;
                          &lt;Picker
                                  iosHeader="Select one"
                                  mode="dropdown"
                                  onValueChange={this.onBranchChange.bind(this)}&gt;
                                  {this.state.branchAddresses.map((address,i) =&gt;
                                       {
                                           console.log("myAddresses: ",address);
                                           return &lt;Item style={{fontFamily: 'SourceSansPro-Regular'}} label={address.id} value={address.id} key={i}/&gt;}
                                  )}
                              &lt;/Picker&gt;
                          &lt;/Item&gt;
  </code></pre>
  
  <p>And here is the snapshot of <code>console.log()</code>.It writes the objects without any problem.<a href="https://i.stack.imgur.com/nMevH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nMevH.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/nMevH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nMevH.png" alt="enter image description here"></a></p>
  
  <p>Here is the warning that I get.
  <a href="https://i.stack.imgur.com/EF2Ew.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EF2Ew.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/EF2Ew.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NP9vD.png" alt="enter image description here"></a></p>