slushnas / jamming Goto Github PK

The reason why the playlistName does not reset when the 'save to spotify' button is clicked is because the value of the input that displays the name has a default value not set to this.props.playlistName like so;

<input defaultValue={'New Playlist'} onChange={this.handleNameChange}/>

It should be like this instead;

<input value={this.props.playlistName} onChange={this.handleNameChange}/>

in playList.js

The project ran as intended. Great attention to detail. No major errors were detected. Since the only minor error were in relation to state and props of the playlistName and searchResults, here is a great document to review;

https://reactjs.org/docs/faq-state.html

When the 'save to spotify' button is clicked. The searchResults resets but not the playlistTracks. We can reset the playlistTracks like so;

this.setState({
        playlistTracks: []
});

in the PlayList() function in app.js