This.setstate wird innerhalb eines Callbacks deaktiviert

Question

Wirklich verwirrt hier. Ich aktualisiert Router 4 zu reagieren, die einige Änderungen erforderlich, und jetzt, wenn meine Anmeldeformular Fehler auf der Serverseite es die Konsole Fehler zurückgibt:

setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the RegisterForm component.

was wirklich verwirrend ist, wenn ich this.setState({ errors: {createUserError: "Test error" }}); außerhalb Accounts.createUser Funktion laufen I don‘ t bekomme den Fehler consolde.

Irgendwelche Vorschläge ????

handleSubmit(event) { 
    event.preventDefault(); 

    this.setState({errors: {} }, function() { 
     var data = { 
     email: this.state.email, 
     password: this.state.password 
     }; 

     Accounts.createUser(data, (error) => { // This arrow function preserves this 
     if(error) { 
      this.setState({ errors: {createUserError: error.reason }}); 
     } 
     }); 
    }); 
    } 

Answer 1

Ich nehme an, dies könnte geschehen, wenn Ihre Komponente abgehängt wurde, bevor Ihr zweiter setState aufgerufen wird. Vielleicht löst Accounts.createUser() Router Navigation oder etwas anderes, das Ihre Komponente aushängen.