this.setProps nicht automatisch aktualisieren

Question

In Reaction vorausgesetzt, ich habe eine ganzzahlige Variable namens myProperty, die von getDafaultProps zurückgegeben wird, wenn ich console.log (myProperty) vor und nach dem Aufruf von this.setProps (myProperty + 1) in einer Update-Funktion Die Konsole protokolliert den gleichen Wert für myProperty. Die Eigenschaft wird nach dem Ende der Funktion aktualisiert, und das nächste Mal, wenn ich meine Funktion myProperty aufruft, ist der neue Wert, aber weiß jemand warum oder wird mir nicht erklärt, warum myProperty nicht sofort aktualisiert wird, wenn this.setProps aufgerufen wird ?

danke, dass Sie sich die Zeit genommen haben, zu antworten. ein entsprechender Code unter

getDefaultProps: function() { 
    return { colorIndex: -1 }; 
}, 
update: function() { 
    console.log("clicked and index is " + this.props.colorIndex); //returns -1 
    this.setProps({colorIndex: this.props.colorIndex + 1}); 
    console.log("index is now " + this.props.colorIndex); /still returns -1 
}, 

Answer 1

Beiden setState und SetProps nicht sofort mutieren - Von Reagiert Dokumentation:

https://facebook.github.io/react/docs/react-component.html#setstate

setState() nicht sofort this.state mutieren, sondern schafft einen anstehend Übergang. Der Zugriff auf this.state nach dem Aufruf dieser Methode kann möglicherweise den vorhandenen Wert zurückgeben. Es gibt keine Garantie für synchronen Betrieb von Anrufen zu setState und Anrufe können für Leistungssteigerungen gebündelt werden.

Ihre Update-Methode sollte setState aufrufen, und Ihre Render-Methode wird auf der Grundlage des aktualisierten Status ausgeführt.