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

Question

我正在尝试访问索引为0的数组上的属性，我正在尝试以下操作：import { map, filter, catchError, mergeMap } from 'rxjs/operators'; 但控制台会抛出错误。

我在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。

首先渲染它将是＆＃34; {}＆＃34;而你正在做[0]。基于它。会崩溃。