when this.props is passed to the child component, it becomes undefined
0
My React project component structure is very simple: App >> SearchResults >> TrackList. To test, I output the value of the data in each component. In the App.js file, I used this.state to define an array of objects called searchResults . class App extends React.Component { constructor(props) { super(props); this.state = { searchResults: [ { name: 'name-1', artist: 'artist-1', alblum: 'alblum-1', id: 101 }, { name: 'name-2', artist: 'artist-2', alblum: 'alblum-2', id: 202 } ] } } render() { console.log('Here is App.js', this.state.searchResults); return ( <div>...