尝试使用React访问数组内的对象时出错

Question

我正在尝试访问具有索引0的对象的数组上的属性，并且正在尝试以下操作： object[0].main但是控制台向我抛出错误。

我在Codepen上使用React，所以它不能很好地显示错误，我想访问该属性以便能够将其放置在另一个我将作为道具传递的对象上（因为这是我持有的东西）州）。 这是我的代码： https : //codepen.io/manAbl/pen/aGymRg? editors =0011查找第56行。这让我感到压力。 提前致谢

Answer 1

发生这种情况是因为尚未从服务器加载数据，因此该对象最初是在将其设置为{}时

为了解决这个问题，你可以做

代替

description: this.state.weather.weather[0].main,

做

description: this.state.weather.weather && this.state.weather.weather[0].main,

想法是您将初始状态设置为：{}对吗？ 自从ajax异步完成以来，render在其实际完成之前被调用。

因此在第一次渲染时它将是“ {}”，并且您正在对其进行[0] .main。 将会崩溃。