在Javascript中将API数据分配给变量[重复]

Question

我是 javascript 新手，我正在尝试使用 this package 在 React/Node.js 中对股票价格进行一些 API 调用。我已经知道如何获取所需的数据，但似乎无法将其分配给对象 (?) 以将数据转换为可用格式。

我的代码如下所示：

const alpha = require('alphavantage')({ key: 'myapikey' });

// Declare variable
let polishedData;

// Get API data
alpha.data.daily('msft', 'compact')
.then(data => {polishedData = alpha.util.polish(data)['data']});

console.log(polishedData); // returns undefined

api返回一个带有json格式数据的promise：

{
  '2019-11-25T00:00:00.000Z': {
    open: '262.7100',
    high: '266.4400',
    low: '262.5200',
    close: '266.3700',
    volume: '19242309'
  },
  ...
}

登录到控制台可以很好地显示数据，所以我知道至少那部分有效。

我试过只在前面添加var somedata = 或只是链接.then(data => { return data });（显然不使用console.log()）但它不起作用。

我将如何将其分配给一个变量，以便我可以将数据操作为我的图形包的可用格式？对不起，如果这是一个愚蠢的问题，但我很茫然。

更新：添加了以下建议的更改。

Answer 1

您可以在 api 调用之外声明一个变量，并在它可用时为其分配 data 值

// Declare a variable here.
let allData;

// Get API data
alpha.data.daily('msft', 'compact')
    .then(data => {allData = alpha.util.polish(data))['data']});

如果您使用 React，存储此数据的常见位置是 state。

 constructor(props) {
    super(props);
    this.state = {data: []};
 }

然后使用setState 来设置API调用的promise何时被解析：

// Get API data
alpha.data.daily('msft', 'compact')
    .then(data => {this.setState(data: alpha.util.polish(data))['data']}));