title: react-native fetch api arrays
body: <p>I am trying to fetch <a href="https://facebook.github.io/react-native/movies.json" rel="nofollow noreferrer">facebook movie data</a> using axios. In my console, I see the fetched data, but I have trouble getting when I want to access the title text.</p>
  
  <pre><code> class BoardScreen extends Component {
  
        constructor(props) {
           super(props);
           this.state = { movies: [] };
        }
  
          componentWillMount() {
            axios.get('https://facebook.github.io/react-native/movies.json')
              .then(response =&gt; this.setState({ movies: response.data }));
          }
  
  renderMovies() {
  return this.state.movies.movies.map(movies =&gt; &lt;Text&gt;{movies.title}&lt;/Text&gt;)
  }
  
        render() {
  if(this.state.movies.length === 0) {
       return null;
     }
          console.log(this.state.movies.title, 'movies')
  
          return (
            &lt;View&gt;
            {this.renderMovies()}
            &lt;/View&gt;
                  )
                }
              }
  </code></pre>
  
  <p>The code above only will give me the main title text <code>The Basics - Networking</code> What I really want is to access to each movie title and display.</p>
  
  <p>How could I fetch each array title?</p>