ReactJS如何在cookie中保持状态[关闭]答案

【问题标题】：ReactJS how to persist state in cookies [closed]ReactJS如何在cookie中保持状态[关闭]
【发布时间】：2017-01-25 13:00:32
【问题描述】：

下面是计数器的示例，但我必须在页面重新释放后保持状态。例如，我会将计数器增加到 10，下次刷新页面时，页面应该从 10 而不是 1 开始。无论如何都可以指导我。

【问题讨论】：

【解决方案1】：

如果你想使用 cookie，JS-cookie 真的很方便。设置和检索 cookie 非常简单。

【讨论】：

【解决方案2】：

为此使用 localStorage。

在您的操作处理程序中执行：

let counter = window.localStorage.getItem("counter");
window.localStorage.setItem("counter ", ++counter);

然后在你的 componentDidMount 中做：

let counter = window.localStorage.getItem("counter");
this.setState("counter", counter);

【讨论】：