javascript - ReactJS - 推送到 promise 之外的列表

Question

我想更新在 Promise(API 调用)之外定义的列表。

这是代码:

let data = [];
  api.getData(this.state.ID).then((resp) => {
    data = [...data, { title : resp.title }];
    data = [...data, { name :  resp.name }];
  });
  console.log(data); // --> it returns []

数据是 [ ] 并且没有推送任何值。我该如何更改我的代码来解决这个问题？由于某些原因我不想使用 setState()

问候。

Answer 1

Promise 是始终异步的，这意味着在定义 Promise 后您的数据数组仍为空。

要访问填充的数据数组，您必须在 promise 中引用它。

let data = [];

api.getData(this.state.ID).then((resp) => {
    data = [...data, { title: resp.title }, { name: resp.name }];

    console.log(data);
});