title: react native dynamic list view Taylor Swift
body: <p>I am trying to render a JSON of all my favorite Taylor Swift Albums. I thought it would be wise to use the list view instead of maping over the JSON. </p>
  
  <p>I am having a difficult time trying to get my listview to render properly. As of now, I am getting an error "undefined is not an object(evaluating 'dataSource.rowIdentites'). </p>
  
  <pre><code>import React,{Component} from 'react';
  import { Text, View,StyleSheet,Image,TextInput,ListView} from 'react-native';
  
  import axios from 'axios';
   const ds = new ListView.DataSource({rowHasChanged: (r1, r2) =&gt; r1!==r2});
  
  class WordList extends Component{
  
  
     state = {albums: []} 
  
  
  
  componentdidMount(){
  
     axios.get('https://rallycoding.herokuapp.com/api/music_albums')
             .then(response =&gt; this.setState({albums:response.data}));
  
  
          this.dataSource = ds.cloneWithRows(this.state.albums);
  }
  
  
  
    render() {
      return (
        &lt;ListView
          dataSource={this.state.dataSource}
          renderRow={(rowData) =&gt; &lt;Text&gt;{rowData}&lt;/Text&gt;}
        /&gt;
      );
    }
  }
  
  
  export default WordList;
  </code></pre>
  
  <p>I am able to get static lists to render perfectly, but when using a list from the Web is where I run into trouble.  Please let me know where I am going wrong.</p>
  
  <p>Thanks.</p>