调用Spotify API获取当前播放歌曲艺术家名称无法显示如何修复

问题根因 #

从你提供的响应结构可以看到，artists字段是数组格式，数组内的元素才是包含name属性的艺术家对象，直接读取数组的name属性会返回undefined，无法正常展示。

单艺术家场景修改方法 #

你只需将原有赋值行修改为如下内容，即可获取到第一个艺术家的名称Key Glock：

artist: response.item.artists[0].name

完整修改后的代码片段 #

spotifyApi.getMyCurrentPlaybackState()
  .then((response) => {
    this.setState({
      nowPlaying: { 
          name: response.item.name,
          artist: response.item.artists[0].name,
          albumArt: response.item.album.images[0].url
        }
    });
  })

多艺术家兼容方案 #

如果遇到多艺术家共同演唱的曲目，你可以使用如下写法拼接所有艺术家名称：

artist: response.item.artists.map(item => item.name).join('、')

内容的提问来源于stack exchange，提问作者Nokio