当.then()失效时，如何获取Promise的[[PromiseValue]]内容？

你现在卡在了Promise异步特性的关键点上——Promise.all返回的是一个Promise对象，而不是直接的结果值，你看到的[[PromiseValue]]是Promise内部已resolved的内容，必须通过异步方式才能提取出来。下面是具体的解决方案：

核心修改方案：用async/await获取结果 #

把你的renderCities改成异步函数，利用await等待Promise.all完成，这样就能直接拿到你需要的数组：

renderCities = async () => {
  if(this.state.cities) {
    try {
      // 等待所有城市的预报请求全部完成
      const cityForecastResults = await Promise.all(
        this.state.cities.map(city => this.getCityForecast(city))
      );
      // 现在cityForecastResults就是你要的[[PromiseValue]]里的数组
      console.log(cityForecastResults);
      // 将结果存入组件state
      this.setState({ cityObjects: cityForecastResults });
    } catch (error) {
      console.error('获取城市预报失败:', error);
    }
  }
}

为什么之前的写法不对？ #

• CASE ONE：你写的const cityObj = Promise.all(...).then(promiseResp => promiseResp)，这里cityObj仍然是一个Promise——因为.then()方法本身就会返回一个新的Promise，所以你console.log的是Promise对象，而不是最终的结果数组。
• CASE TWO：出现pending状态是因为代码执行到console.log(cityObj)时，Promise还没完成，加上你可能在.then()里没有正确传递值，导致Promise的结果为undefined。

额外的React组件注意事项 #

在React类组件中，建议在componentDidMount生命周期钩子中调用这个异步方法，避免在同步渲染流程中触发不必要的重渲染：

componentDidMount() {
  this.renderCities();
}

另外，确保你的getCityForecast函数确实返回了Promise（因为你用了async/await，所以它默认会返回Promise，这部分是没问题的）。

内容的提问来源于stack exchange，提问作者Alexander Prisazhny