Карта по спискам воспроизведения массива возвращает неожиданный токен

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

В вашем коде много ошибок. Это правильный код. Пожалуйста, проверьте различия.

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 3

Попробуйте удалить {} из оператора возврата.

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

Есть орфографическая ошибка.

Это должно быть playlistsArray.map(...), но вы используете playlistArray.