Jammming step 88 - Map is not a function

Get Help JavaScript
#1

I am stuck on jammming step 88. I have hooked it up to spotify and am successfully fetching tracks through the search bar, but when passed to tracklist it gives me the “map is not a function” error. I double checked with a console.log(this.props.tracks) and it shows a promise with an array of 20 tracks, so I am not sure why this is happening. Any ideas?

import React from 'react';
import './Tracklist.css'

import Track from '../Track/Track'

class TrackList extends React.Component {


  render() {
    return (
      <div className="TrackList">
        {this.props.tracks.map(track => <Track key={track.id} track={track} onRemove={this.props.onRemove} onAdd={this.props.onAdd} />)}
      </div>
    );
  }
}

export default TrackList;
1 Like