import axios from "axios";
从“function”导入function,{useState,useEffect};导出默认函数仪表板({token}){
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调用缺少什么东西吗?
这些字符串是我用来检索原始令牌的字符串:
const CLIENT_ID = "00c7cd96ee6940879762750970dc5863"
const REDIRECT_URI = "http://localhost:3000"
const AUTH_ENDPOINT = "https://accounts.spotify.com/authorize"
const RESPONSE_TYPE = "token"
我能够进行类似的调用来检索用户的所有播放列表,响应是const {data}
。
发布于 2022-07-18 21:11:04
https://stackoverflow.com/questions/73028621
复制相似问题