title: Render Array Objects into FlatList React Native
body: <p>I' fetching data from axios through my API but when I'm rendering the data of it so it shows me blank template. So kindly let me know if I'm doing any mistake. I pasted my code with api response.
  Thanks</p>
  
  <p>console.log => response.data</p>
  
  <pre><code>Data Array [
    Object {
      "ID": 2466,
      "ItemName": "WWE2K20"
  }
  ]
  </code></pre>
  
  <p>My Component</p>
  
  <pre><code>import React, { Component } from 'react';
  import { Container, Header, Content, Card, CardItem, Body, Text } from 'native-base';
  import { View, StyleSheet, FlatList, Image } from 'react-native';
  import axios from 'axios';
  
  export default class HomeScreen extends Component {
      constructor() {
          super()
          this.state = {
              itemList: []
          }
      }
      async componentDidMount() {
          await axios.get('myapiuri')
              .then((response) =&gt; {
                  this.setState({
                      itemList: response.data
                  });
                  console.log("Data", this.state.itemList)
              })
              .catch(error=&gt;console.log(error))
      }
  
      render() {
          return (
              &lt;Container&gt;
                  &lt;Content&gt;
                      &lt;FlatList
                          data={this.state.itemList}
                          renderItem={(item) =&gt; {
                              return(
                                  &lt;Text&gt;{item.ItemName}&lt;/Text&gt;
                              );
                          }}
                          keyExtractor={(item) =&gt; item.ID}
                      /&gt;
                  &lt;/Content&gt;
              &lt;/Container&gt;
          );
      }
  }
  </code></pre>