I’m confused as to why this is an error here I’m sorry. Please can someone have a look? My app.js code is below, thanks.
import React from ‘react’;
import ‘./App.css’;
import SearchBar from ‘…/SearchBar/SearchBar’;
import SearchResults from ‘…/SearchResults/SearchResults’;
import Playlist from ‘…/Playlist/Playlist’;
class App extends React.Component() {
constructor(props){
super(props);
this.state = {
SearchResults: [{ name: ‘name1’, artist: ‘artist1’, album: ‘album1’, id: 1},
{name: ‘name2’, artist: ‘artist2’, album: ‘album2’, id: 2}, {name: ‘name3’, artist: ‘artist3’, album: ‘album3’, id: 3}],
playlistName: ‘Ma 15th bday’,
playlistTracks: [{ name: ‘playlistName1’, artist: ‘playlistArtist1’, album: ‘playlistAlbum1’, id: 4}, {name: ‘playlistName2’, artist: ‘playlistArtist2’, album: ‘playlistAlbum2’, id: 5}, {name: ‘playlistName3’, artist: ‘playlistArtist3’, album: ‘playlistAlbum3’, id: 6}]
}
this.addTrack = this.addTrack.bind(this);
this.removeTrack = this.removeTrack.bind(this);
this.updatePlaylistName = this.updatePlaylistName.bind(this);
this.savePlaylist = this.savePlaylist.bind(this);
this.search = this.search.bind(this);
}
addTrack(track){
let tracks = this.state.playlistTracks;
if (tracks.find(savedTrack => savedTrack.id === track.id)) {
return;
}
tracks.push(track);
this.setState({ playlistTracks: tracks });
}
removeTrack(track){
let tracks = this.state.playlistTracks;
tracks = tracks.filter(currentTrack >= currentTrack.id !== savedTrack.id)
this.setState({ playlistTracks: tracks });
}
updatePlaylistName(name){
this.setState({ playlistName: name });
}
savePlaylist(){
let trackUris = this.state.playlistTracks.map(track => track.uri);
}
search(term){
console.log(term);
}
render() {
return (
Jammming
export default App;