javascript - React Native如何处理Cannot read property 'undefined' of undefined

Question

我期望来自远程服务器的一些数据在屏幕上显示它，但我在模拟器中收到此错误无法读取未定义的属性“未定义”原因是内容在之前渲染结果到达时，这是我遇到此错误的代码部分:

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

所以属性 caption 需要一个文本，为了处理未定义的值，我添加了这个 || '---Choose---' 在 null 的情况下显示文本 '---Choose---' 但问题是 this.state.dropDownSelectedItems[' sex'] 未定义，当 this.state.customFieldDropdown 访问该值时会导致错误(读取未定义的属性)

那么如何处理这个问题呢？

Answer 1

您似乎在属性(property)链中具有较高的未定义值(value)。 || 运算符将仅匹配链中的最后一个值，因此，如果 this.state.customFieldDropdown['gender'] 未定义，则会失败。

我建议你看看React团队推出的idx函数。更多详细信息请参见:https://facebook.github.io/react-native/blog/2017/03/13/idx-the-existential-function.html