首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Spotify Api在尝试使用axios获取播放列表轨道时返回未定义的对象

Spotify Api在尝试使用axios获取播放列表轨道时返回未定义的对象
EN

Stack Overflow用户
提问于 2022-07-18 21:04:20
回答 1查看 132关注 0票数 -3
代码语言:javascript
运行
复制
import axios from "axios";

从“function”导入function,{useState,useEffect};导出默认函数仪表板({token}){

代码语言:javascript
运行
复制
const [playlist_id, setPlaylistId] = useState([]);
const [href, setHref] = useState([]);
const [playlists, setPlaylists] = useState([]);
const [isMounted, setIsMounted] = useState(false);

useEffect(() => {
    const getTracks = async (token) =>{
    const {tracks} = await axios.get("https://api.spotify.com/v1/playlists/4FteCV6SQS8yKc6pzFlZnv/tracks", {
        headers: {
            Authorization: 'Bearer '+token
        },
        params: {
            market: "US",
            limit: 50,
            offset: 0
        }
        })
        console.log({tracks})
    }
   
    setIsMounted(true);
    //getPlaylists(token);
    getTracks(token);
}, [])

if(isMounted)
return(
    <div className="Dashboard">
        <h1>Hello</h1>
    </div>
)};

我试图通过axios获取公共spotify播放列表中的项目,但是请求每次都会检索一个未定义的对象。我应该使用具有特殊范围的不同标记吗?我的API调用缺少什么东西吗?

这些字符串是我用来检索原始令牌的字符串:

代码语言:javascript
运行
复制
const CLIENT_ID = "00c7cd96ee6940879762750970dc5863"
const REDIRECT_URI = "http://localhost:3000"
const AUTH_ENDPOINT = "https://accounts.spotify.com/authorize"
const RESPONSE_TYPE = "token"

我能够进行类似的调用来检索用户的所有播放列表,响应是const {data}

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-07-18 21:11:04

axios.get返回一个Response object。该对象没有tracks属性。

你可能想做:

代码语言:javascript
运行
复制
const {data: tracks} = axios.get(/* url */)
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73028621

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档