嘗試使用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。 將會崩潰。