Wie storniere ich einen `this.setState`?

Question

So weiß ich, dass staatliche Einstellung in Reaktion asynchron ist und alle und wir setzen Zustand wie folgt aus:

this.setState(previousState => { 
    return { /* some new state that uses `previousState` */ } 
}); 

Also meine Frage ist: Wie kann ich eine this.setState stornieren? Nehmen wir an, ich verwende previousState, um festzustellen, dass ich kein Update rendern muss. Wie kann ich die setState abbrechen und sagen, dass React nichts rendern soll.

this.setState(previousState => { 
    if (/* previousState is fine */) { 
    // tell react not to do anything 
    } else { 
    return { /* some new state */ } 
    } 
}); 

Answer 1

Entschuldigung für die Beantwortung meiner eigenen Frage hier, aber brandneue React 16 können Sie eine setState stornieren.

Der Aufruf von setState mit null löst kein Update mehr aus. Dies ermöglicht Ihnen, in einer Updater-Funktion zu entscheiden, ob Sie das Rendering durchführen möchten.

source

Answer 2

Sie müssen den Einstellungsstatus nicht abbrechen. Sie können shouldComponentUpdate(nextProps, nextState) verwenden, um zu entscheiden, ob die Komponente aktualisiert werden soll oder nicht.

Answer 3

Vergleichen Sie die Zustände außerhalb von this.setState und je nachdem, ob es geändert wurde oder nicht, fire this.setState?

Answer 4

Das Idiom für "Erzähle reagieren, um nichts zu tun" ist "den vorherigen Zustand zurückgeben". Es liegt an der internen Verwaltung von React, festzustellen, dass es keine tatsächlichen Änderungen am DOM gibt und nichts für den Benutzer sichtbar ist. Insbesondere wird der Standardwert shouldComponentUpdate false zurückgeben, wenn die beiden Objekte identisch sind.

Das einzige, was Sie brauchen, ist:

return previousState;