title: Set images state to Flickr API Response
body: <p>I’m working on a Flickr clone, where an axios GET request is sent to retrieve photos as the user types into the input.
  My current path is returning undefined. Where is the response array of objects so I know where to set the images state to? Thank you!</p>
  
  <p>Search Container</p>
  
  <pre class="lang-js prettyprint-override"><code>import React, { Component } from 'react';
  import TextField from 'material-ui/TextField';
  import axios from 'axios';
  class Search extends Component {
    state = {
      searchText: '',
      images: []
    }
  
    onTextChange = (e) =&gt; {
      this.setState({searchText: e.target.value}, () =&gt; {
        axios.get('https://api.flickr.com/services/rest/?method=flickr.photos.search&amp;api_key=ea72b9024308d54ba48382706bebb960&amp;user_id=156981303%40N08&amp;format=json&amp;api_sig=f8866cedaa88ceccdfe1e1cf06dcaded')
        .then(response =&gt; {
          this.setState({images: response.???});
        })
        .catch(error =&gt; {
          console.log(error)
        });
      });
    }
  
    render() {
      console.log(this.state.images);
      return (
        &lt;div&gt;
          &lt;TextField 
          name="searchText"
          value={this.state.searchText}
          onChange={this.onTextChange}
          floatingLabelText="Search for photos"
          fullWidth={true} 
          /&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default Search;
  </code></pre>