JS-Methode zeigt nicht definiert, einfaches Beispiel

Question

Vielleicht nur, dass Freitag Geist ...

Hier ist mein Code ..

class LoginScreen extends Component { 

    constructor(props){ 
    super(props); 
    this.state = { 
     isLoading: '' 
    }; 
    } 

    onLoginPressed() { 
    console.log('hit'); 
    this.setState({ isLoading: true }); 
    console.log(this.state); 
    this.onParselUrl('hey'); 
    } 

    onParseUrl(data) { 
    console.log('Parse URL hit'); 
    console.log(data); 
    } 
} 

Dies ist der Abschnitt von meiner Reaktion native App.

Ich rufe this.onLoginPressed.bind(this) und ich bekomme die erste hit in der Konsole. Wenn ich versuche, es zur zweiten Methode onParseUrl zu verketten, erhalte ich Fehler.

Ich habe versucht this.onParseUrl und onParseUrl und ich habe es versucht mit und ohne params zur Verfügung.

ReactNative wirft sich wie ...

this.onParseUrl is not a function. (In 'this.onParseUrl('hey')', 'this.onParseUrl' is undefined)

verwirrt etwas, ich bin sicher, dass ich etwas Grundsätzliches bin fehlt!

Prost

Answer 1

Sie haben einen Tippfehler

this.onParselUrl("hey"); 

sollte auch

this.onParseUrl("hey"); 

sein, Code läuft nach this.setState() ist gefährlich und sollte vermieden werden: setState Trigger() ein erneutes Rendering Ihrer Komponente, so dass die Ausführung von beliebigem Code nicht gewährleistet ist.