reactjs - 使用 Spotify API 显示用户顶级艺术家
问题描述
let topArtists;
spotify.getMyTopArtists().then((artists) => {
topArtists = artists.items;
console.log(topArtists);
}, (err) => {
console.log('Error:', err);
});
return (
<div className="test">
<h1>{}</h1>
</div>
);
我目前能够在控制台中显示用户的顶级艺术家,如上面的代码所示,但是,我想知道我需要在返回中添加什么才能在实际网页上而不是在控制台中显示顶级艺术家.
解决方案
使用 State 来保存值,然后您可以映射您的状态以显示。我已经包含了将艺术家添加到状态的代码。
import React { useState } from "react";
function App() {
const [topArtists, setTopArtists] = useState([]);
spotify.getMyTopArtists().then((artists) => {
setTopArtists((prevEntries) => {
return [artists.items, ...prevEntries];
});
}, (err) => {
console.log('Error:', err);
};
推荐阅读
- javascript - 删除 onclick 反应
- mysql - 如何在 Mybatis 中使用 MySQL JSON 函数?
- weblogic12c - NoSuchFieldError:WHITESPACE,同时重新启动 weblogic 管理员
- laravel - 如何将 Sabre Api 与 laravel 集成
- acumatica - 在 PXButton 上使用 PXUIEnabled 属性
- html - 为什么位置粘性不适用于引导程序 4
- google-chrome - chrome:无法使用 `-allow-file-access-from-files ` 读取本地文件
- javascript - 导入依赖项在一个文件中有效,但在另一个文件中无效
- javascript - 不知何故,`$scope.selected` 没有填充正确的内容
- c# - 使用 ValueTuple 返回 Item1,Item2 为什么?