reagieren native, wie zu behandeln, kann Eigenschaft nicht 'undefiniert' von undefined lesen

Question

Ich erwarte einige Daten von Remote-Server, um es auf dem Bildschirm zu zeigen, aber ich habe diesen Fehler im Simulator Cannot read property 'undefined' of undefined der Grund, warum der Inhalt gerendert wird, bevor die Ankunft der Ergebnisse, das ist der Teil des Codes, wo ich diesen Fehler habe:

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

So Eigentum caption einen Text erwartet, und mit nicht definierten Werten zu beschäftigen habe ich diese || '---Choose---' Text zeigen '---Choose---' in Fall von Null, aber das Problem ist this.state.dropDownSelectedItems['gender'] ist undefiniert und wenn this.state.customFieldDropdown Zugriff auf diesen Wert verursachte den Fehler (Lesen der Eigenschaft was ist undefined)

Also, wie mit diesem Problem umzugehen?

Answer 1

Sie scheinen einen höheren Wert in der Immobilienkette zu haben. Der Operator || stimmt nur mit dem letzten Wert in der Kette überein. Wenn also beispielsweise this.state.customFieldDropdown['gender'] nicht definiert ist, schlägt der Vorgang fehl.

Ich schlage vor, dass Sie sich die IDx-Funktion ansehen, die vom React-Team eingeführt wurde. Mehr Details hier: https://facebook.github.io/react-native/blog/2017/03/13/idx-the-existential-function.html

Answer 2

Idx ist wirklich gut. Sie können so etwas tun:

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