title: How to structure returned data from an api in React Native?
body: <p>I'm using a React Native react-native-snap-carousel which simply displays a carousel with image, title and subtitle. The data is loaded via a static file:</p>
  
  <pre><code>export const ENTRIES2 = [
    {
        title: 'Favourites landscapes 1',
        subtitle: 'Lorem ipsum dolor sit amet',
        illustration: 'https://i.imgur.com/SsJmZ9jl.jpg'
    },
    {
        title: 'Favourites landscapes 2',
        subtitle: 'Lorem ipsum dolor sit amet et nuncat mergitur',
        illustration: 'https://i.imgur.com/5tj6S7Ol.jpg'
    }
  ]
  </code></pre>
  
  <p>I have setup axios to retrieve data from an api:</p>
  
  <pre><code>axios.get('http://192.168.1.1/test')
        .then(function (response) {
          console.log(response);
          console.log(response.data);
          this.isLoading = false;
        })
        .catch(function (error) {
          console.log(error);
          this.error = error
          this.isLoading = false;
        });
  </code></pre>
  
  <p>how can I use this returned data to create a const structured in a similar way to the static file? </p>
  
  <p>Thanks</p>