ReactJS如何在cookie中保持状态

Question

下面是计数器的示例示例，但我必须在页面重新生成之后保持状态。例如，我将计数器增加到10，下次当我的页面刷新时，页面应该以10而不是1开头。 无论如何可以指导我这个。

Answer 1

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

Answer 2

使用localStorage。

在你的行动处理程序中执行：

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

然后在你的componentDidMount中执行：

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