ReactJS如何在cookie中保持状态

时间:2016-09-17 11:02:52

标签: javascript html reactjs

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

使用localStorage。

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

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

然后在你的componentDidMount中执行:

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