title: Component array not shown in React Native?
body: <p>I'm new to React Native, and I wonder why my code isn't working.
  I know thorugh console.logging that my output array is full with the correct data, but for some reason in the return when I try to write out the output it doesnt seem to writing anything to the mobile screen. I wonder why that might be.</p>
  <pre class="lang-js prettyprint-override"><code>const ChampionScreen = () =&gt; {
      const [champions, setChampions] = useState([]);
      var output = [];
      useEffect(() =&gt; {
        AxiosService.getChampions()
        .then(data =&gt; {
          setChampions(data);
          var champarr =[];
          Object.keys(champions).forEach(function(key){
            champarr.push(champions[key]);
          }) 
          for(let i = 0; i &lt; champarr.length;i++){
            let champion = JSON.parse(JSON.stringify(champarr[i]));
            var tempItem = (
              &lt;View key={i}&gt;
                &lt;Text&gt;{champion.name}&lt;/Text&gt;
              &lt;/View&gt;
            );
            output[i] = (tempItem);
          }
        }).catch(err =&gt; console.error(err))
      },[])
  
      return (
        &lt;ScrollView&gt;
          &lt;View&gt;
            {output}
          &lt;/View&gt;
        &lt;/ScrollView&gt;
      )
  }
  </code></pre>