Warum erscheint dieser Fehler, wenn ich alle zu löschenden Strings in reaktiven nativen TextInput-Komponenten lösche?

Question

Ich habe eine reactive-native Code in der unten, wenn ich löschen auf der Tastatur, um alle Zeichenfolge leer in TextInput-Komponenten zu reinigen, zeigt es immer das erste Fehlerbild, und wenn ich den Fehler DISMISS und reinput, zeigt es die 2. Fehlerbild, weiß jemand, was hier passiert ist und wie man es löst?

Die Render-Snippet

<View> 
     <View> 
     <Text>NickName</Text> 
     </View> 
     <View> 
     <TextInput 
      placeholder="NickName" 
      onChangeText={(text) => SubjectStore.setDisplayName(text)} 
      value={SubjectStore.displayName} 
     /> 
     </View> 
    </View> 

Der Laden

class SubjectStore { 
    @observable user; 
    @observable inSignupProcess; 

    constructor(firebase) { 
    this.user = null 
    } 

    @computed get displayName(){ 
    return this.user.displayName 
    } 

@action setDisplayName(val){ 
    this.user.displayName = val 
} 

} 

Erstes Fehlerbild

Zweites Fehler Bild

Answer 1

Meine Vermutung ist, dass es etwas damit zu tun hat, wie sich die onChangeText-Funktion mit der Art verhält, wie Sie direkt mit Ihrem Geschäft interessiert sind. Haben Sie versucht, nur onChange() zu verwenden? Wenn das nicht funktioniert, würde ich versuchen, die Speicherinteraktionen in ihre eigenen Hilfsfunktionen zu ziehen, die von dort aufgerufen und debuggt werden.