小编B_1*_*_12的帖子

我正在尝试创建一个名为 addTrack 的方法，具有以下功能：

\n
• 接受轨道参数
\n
• 使用 track\xe2\x80\x99s id 属性检查\n当前歌曲是否处于 playlistTracks 状态
\n

• 如果 id 是新的，则将歌曲添加到播放列表的末尾。

\n

• 设置播放列表的新状态。

\n

如果我使用代码 #1 而不是代码 #2，会有什么区别？

PlaylistTracks 在构造函数中定义如下：

playlistTracks: [{ name: 'name1', artist: 'artist1', album: 'album1', id: 1 },\n        { name: 'name2', artist: 'artist2', album: 'album2', id: 2 },\n      ]\n

代码#1

addTrack(track){\nif (this.state.playlistTracks.includes(this.props.track.id)) {return;}\nelse {this.state.playlistTracks.push(track);\n  this.setState({playlistTracks:this.state.playlistTracks});\n}\n

}

代码#2

addTrack(track) {\nif (this.state.playlistTracks.find(savedTrack => savedTrack.id===track.id) {return;}\nelse {return this.state.playlistTracks.push(track);}\nthis.setState(playlistTracks:this.state.playlistTracks)}\n