Question

我有一个箭头功能，该功能从cDM中调用，以每20秒使用setTimeout()检索时间表的更新状态。

componentDidMount() {
    //get request to /schedules
    //update state with response data
    this.getUpdatedStatus();
}

/schedules上显示的每个时间表如下：

"data": {
"id": "2147483605",
"selfUri": "/schedules/2147483605",
"type": "Schedule",
"status": "Pending",
}

因此，在下面的方法中，每个schedule.selfUri被请求，而我正尝试更新每个时间表的status。

    getUpdatedStatus = () => {
//fetch updated status,
const schedules = this.state.schedules;
Promise.all(
  schedules.map(schedule =>
    axios({
      method: "get",
      url: schedule.selfUri,
    })
  )
)
  .then(response => {
    console.log(response);
    const isIncomplete = response.some(r => r.status !== "Complete");
    console.log(isIncomplete);
    if (isIncomplete) {
      this.timeout = setTimeout(() => this.getUpdatedStatus(), 20000);
    }
    this.setState(
      {
        scheduleStatus: isIncomplete ? "Pending" : "Complete",
      },
      () => {
        console.log(this.state.scheduleStatus);
        console.log(this.state.schedules);
      }
    );
  })
  .catch(error => console.log(error.response));

};

setTimeout函数正在运行，并且每20秒请求一次检索状态的可能更新。对象响应最终返回状态complete，但该值未在我的表中重新呈现。我相信我的诺言链存在问题，使用setTimeout并不会在完成后更新我的this.state.scheduleStatus。我附上了一个codeandbox，可以更好地了解我的问题。

Codesandbox

Answer 1

我认为您的问题与承诺链或使用setTimeout()没有任何关系。我认为这是由于错误地获取isIncomplete标志的值引起的，它总是被设置为true。

您通过以下行设置此值：

const isIncomplete = response.some(r => r.status !== "Complete")

我认为这里的问题是您期望响应对象是您指定的数据，其中包含带有字符串值的status属性，而实际上是Axios返回的响应对象，其中status属性是实际响应的状态代码（成功时为200）。因此，isIncomplete始终为true，因为r.status从不等于"Complete"。

您的数据可以在data属性中找到，因此上述行应如下所示：

const isIncomplete = response.some(r => r.data.status !== "Complete")

使用setTimeout（）的Promise.all（）问题，状态未更新

1 个答案: