对象 Promise 显示而不是从 API 调用中提取的数据

Question

我正在尝试从 opensea api 获取数据并在前端显示 return 零件名称。

这是我获取 api 调用的函数，它 100% 正常工作

async function getData(url){
var _data;
 let response = await fetch(url);
 let data = await response.json();  
 _data = [data.name, data.id];
 console.log(_data);
 return _data[0];

这个控制台日志显示了我想要的内容

但是当我尝试让它显示在前端时

 options = getData('https://api.opensea.io/api/v1/asset/0xb47e3cd837ddf8e4c57f05d70ab865de6e193bbb/1/');

使用{{options}}获取数据并临时显示直到它起作用

它显示了这个

[object Promise] 应该显示 [cryptopunk #1, 158831]

任何人都知道我做错了什么

options = getdata() 在 class 内部，异步函数在 @component

之上

Answer 1

你试过这个吗

getData('https://api.opensea.io/api/v1/asset/0xb47e3cd837ddf8e4c57f05d70ab865de6e193bbb/1/').then(data=>{
console.log(data);
})

这工作正常

async function getData(url){
  var _data;
  let response = await fetch(url);
  console.log(response);
  return response;
 }
 
 getData('https://jsonplaceholder.typicode.com/todos/1').then(option=>{
 console.log(option)
 })

对象 Promise 显示而不是从 API 调用中提取的数据

object Promise showing instead of data pulled from API call

angular

angularjs

typescript