<pending> 在控制台中获取承诺

Question

这是一个React (Ts)项目，当我试图在Axios中获得请求时，我得到了一个Promise<Pending>问题。提前感谢您的帮助!

import axios from 'axios';
interface song {
name: string;
}
interface playlist {
playlistname: string;
songs: song[];
}
async function getsongs(): Promise<song[]> {
const url = 'https://be-ask.tanaypratap.repl.co/playlist';
const response = await axios.get<playlist>(url);
return response.data.songs;
}
export const finaldata = getsongs();

Answer 1

由于getsong也是一个异步函数，它将返回一个promise，因此当你打印finaldata时，它会控制promise。

不确定你想要实现什么，但如果你只是想打印数据，在函数中的await结束后打印。

Answer 2

我认为你应该改变这一行

export const finaldata = getsongs();

export const finaldata = await getsongs();

Answer 3

显然，您试图在异步操作完成之前使用它的结果