React.js：将整个状态同步到 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);
}

每次组件重新渲染时都会运行该代码（每次道具或状态更改都会发生这种情况）。