映射到数组播放列表会返回意外令牌

Question

我正在尝试映射我的播放列表数组 这样阵列中的每个播放列表都将得到显示

console.log（playlistsArray） 日志

但是

  render() {
  const playlistsArray = this.props.playLists
  console.log(playlistsArray)
    return(


{playlistsArray.map((playlist=>    
   <PlayList
                        playLists={this.props.playLists}
                        selectSong={this.selectSong}
                        selectList={this.selectList}
                    />
                  ))}


  )}

返回意外令牌。 为什么会这样？

Answer 1

您缺少地图的括号

更改此

{playlistsArray.map((playlist=>  

对此

{playlistsArray.map((playlist)=>  

Answer 2

有一个拼写错误。

应该为playlistsArray.map(...)，但是您正在使用playlistArray。

Answer 3

尝试从return return语句中删除{}。

render() {
    const playlistsArray = this.props.playLists;
    console.log(playlistsArray);
    return (playlistsArray.map(playlist =>
                <PlayList
                    playLists = { this.props.playLists }
                    selectSong = { this.selectSong }
                    selectList = { this.selectList }
                />)
    );
}

Answer 4

您的代码中有很多错误。这是正确的代码。请检查差异。

render() {
    const playlistsArray = this.props.playLists
    console.log(playlistsArray)
    return (
        playlistsArray.map((playlist) => <PlayList 
            playLists={this.props.playLists}
            selectSong={this.selectSong}
            selectList={this.selectList}
        />)
    )
}