Javascript 显示地图中的数组元素

我需要一些帮助来显示地图中的元素。我将所有名称存储到一个新数组中，并希望使用html/css显示这些数据

    const playlistName = playlists.map(playlist => {
    return playlist.name
})

    <ul className={modalStyles.playlist_container}>
    <li className={modalStyles.playlist_item}>{playlistName}</li>
   </ul>

我知道我可以用PaldNod（0）显示每个单独的元素，但我也必须考虑数组是否很大。有没有办法用这样的间距显示每个元素

name1          name2          name3           name4       name...

---

看起来你在用React。您可能希望将playlist.name包装在

中，并使用一些填充或边距设置跨度样式

所以它可能看起来像：

    const playlistName = playlists.map(playlist => {
        return <span className="mySpan">{playlist.name}</span>
    })

虽然您可能希望每个都在它自己的

中，但您可能希望在其中返回它们：

    const playlistName = playlists.map((playlist, index) => 
        <li key={index}>{playlist.name}</li>
    })

const playlname=播放列表.map（（播放列表，索引）=>
{playlist.name}
})

看起来您正在使用某个模板引擎，指定哪一个可能是个好主意。所以生成html。使用字符串或createElement。或者你在使用框架？我在使用React Next.js

.mySpan{
    margin-right: 10px;
}

    const playlistName = playlists.map((playlist, index) => 
        <li key={index}>{playlist.name}</li>
    })