javascript - react .js : Syncing entire state to localStorage

Question

我想将应用程序的状态存储在 localStorage 中。是否存在状态更改时触发的回调或事件？我会用它来调用 localStorage.state = JSON.stringify(this.state)。可能，使用 0.5 秒节流。

TodoMVC React examples使用 localStorage 作为存储。但是，它定义了事件处理程序中的保存和删除，例如 keydown 和 click。就我而言，这样做会产生大量样板文件。

Answer 1

在 componentDidUpdate 中您可以序列化状态的生命周期方法:

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

该代码将在每次组件重新渲染时运行(每次 props 或状态更改都会发生)。