映射數組播放列表返回意外令牌

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}
        />)
    )
}