反應本機如何處理無法讀取屬性undefined

Question

我期待從遠程服務器的一些數據顯示在屏幕上，但我得到了這個錯誤在模擬器Cannot read property 'undefined' of undefined之所以內容是之前呈現的原因結果的到來，這個代碼的部分在那裏我有這個錯誤：

caption = { this.state.customFieldDropdown['gender'][this.state.dropDownSelectedItems['gender'] ] || '---Choose---' } 

所以物業caption期待一個文本，並處理未定義的值添加此|| '---Choose---'顯示文本'---Choose---'在情況爲空，但問題是this.state.dropDownSelectedItems['gender']未定義，當this.state.customFieldDropdown訪問該值時，它導致錯誤（讀取屬性這是未定義的）

那麼如何處理這個問題呢？

Answer 1

您似乎在財產鏈中有更高的未定義值。 ||運營商將只匹配鏈中的最後一個值，因此如果例如this.state.customFieldDropdown['gender']未定義，它將失敗。

我建議你看看React團隊介紹的idx函數。更多細節在這裏：https://facebook.github.io/react-native/blog/2017/03/13/idx-the-existential-function.html

Answer 2

Idx真的很好。你可以這樣做：

if (idx(this.state, _ => _.customFieldDropdown.gender[_.dropDownSelectedItems.gender])) 
    caption = this.state.customFieldDropdown.gender[this.state.dropDownSelectedItems.gender] 
else 
    caption = '---Choose---'