React.js: Synchronisieren des gesamten Status mit localStorage

Question

Ich möchte den Status meiner App unter localStorage speichern. Gibt es einen Rückruf oder ein Ereignis, das bei einer Statusänderung ausgelöst wird? Ich würde es verwenden, um localStorage.state = JSON.stringify(this.state) zu rufen. Möglicherweise mit 0,5 Sekunden Drosselung.

TodoMVC React examples verwendet localStorage als Speicher. Es definiert jedoch das Speichern und Entfernen in Ereignishandlern wie keydown und click. Für meinen Fall würde das gleiche Ergebnis eine Menge Vortex erzeugen.

Answer 1

In einer componentDidUpdate Lifecycle-Methode können Sie den Zustand serialisiert:

componentDidUpdate: function(prevProps, prevState) { 
    localStorage.state = JSON.stringify(this.state); 
} 

Dieser Code wird jedes Mal der Komponente rerenders ausgeführt werden (die mit allen Requisiten oder Zustandswechsel geschieht).