title: React-native: undefined is not an object
body: <p>Probably it's a newbie question... I get a json response with an object from a fetch() running into a function on componentDidMount(). The result is saved into a state</p>
  
  <pre><code>    data: 
      {
      id: 1,
      name: 'joseph',
      tickets: 
                [
                {id: 334, descripton: 'example1'},
                {id: 768, descripton: 'example2'},
                ],
      }
  </code></pre>
  
  <p>I need to list this array "tickets" in render (). </p>
  
  <pre><code>componentDidMount(){
    this.getFetch(...);
  }
  
  showTickets(WTickets){
    console.log(WTickets);
    WTickets.map((item)=&gt;{
      return (item.id)
    })
  }
  
  render(){
    return(
      &lt;View&gt;
        {this.showTickets(this.state.data.tickets)}
      &lt;/View&gt;
    )
  }
  </code></pre>
  
  <p>But the "first return" is "undefined", generating error and then the state changes to the correct result. The fetch is running with async await, but still show the "undefined" first.</p>
  
  <p>The console.log show 2 results: one "undefined" and another with the result.</p>
  
  <p>Any good soul to help me, please?</p>