通过 Spotify API 显示来自网络响应的艺术家数据

Question

这是我的代码。

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

我对 'artist:' 的响应对象没有显示艺术家的名字。我该如何改变

artist: response.item.artists.name,

要显示“Key Glock”吗？这里是网络响应数据。

"item" : {
    "album" : {
      "album_type" : "album",
      "artists" : [ {
        "external_urls" : {
          "spotify" : "https://open.spotify.com/artist/0RESbWvOMyua0yuyVrztJ5"
        },
        "href" : "https://api.spotify.com/v1/artists/0RESbWvOMyua0yuyVrztJ5",
        "id" : "0RESbWvOMyua0yuyVrztJ5",
        "name" : "Key Glock",
        "type" : "artist",
        "uri" : "spotify:artist:0RESbWvOMyua0yuyVrztJ5"
      } ],
      "available_markets" : [ "AD", "AE", "AG", "AL", "AM", "AO", "AR", "AT", "AU", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BN", "BO", "BR", "BS", "BT", "BW", "BY", "BZ", "CA", "CD", "CG", "CH", "CI", "CL", "CM", "CO", "CR", "CV", "CW", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "ES", "FI", "FJ", "FM", "FR", "GA", "GB", "GD", "GE", "GH", "GM", "GN", "GQ", "GR", "GT", "GW", "GY", "HK", "HN", "HR", "HT", "HU", "ID", "IE", "IL", "IN", "IQ", "IS", "IT", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KN", "KR", "KW", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MG", "MH", "MK", "ML", "MN", "MO", "MR", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NE", "NG", "NI", "NL", "NO", "NP", "NR", "NZ", "OM", "PA", "PE", "PG", "PH", "PK", "PL", "PS", "PT", "PW", "PY", "QA", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SE", "SG", "SI", "SK", "SL", "SM", "SN", "SR", "ST", "SV", "SZ", "TD", "TG", "TH", "TJ", "TL", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "US", "UY", "UZ", "VC", "VE", "VN", "VU", "WS", "XK", "ZA", "ZM", "ZW" ],
      "external_urls" : {
        "spotify" : "https://open.spotify.com/album/7snqOEQEtKqxJw3NTGml6i"

Answer 1

artists 是一个数组，假设 spotify API 会 return 多个艺术家，如果你在一个曲目上有两个或更多艺术家，我们通常会写“Jim feat.约翰"。

获取第一位艺术家的名字：response.item.album.artists[0].name

获取所有艺术家的名字：response.item.album.artists.map(curr => curr.name)

通过 Spotify API 显示来自网络响应的艺术家数据

Displaying artist data from network response via Spotify API

response

spotify

reactjs