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

Question

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

我在 codepen 上使用 React，所以它不能很好地向我显示错误，我想访问该属性以便能够将它放在我将作为 props 传递的另一个对象上(因为这是我的东西)坚持我的状态)。这是我的代码: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 。这会崩溃。