ReactJS如何坚持cookie中的状态

问题描述：

下面是示例示例的计数器，但我必须保持状态页面refree.For例如我将计数器增加到10，下次我的页面刷新页面应以10开始而不是1. 无论如何可以指导我如何。ReactJS如何坚持cookie中的状态

你错过了代码示例。 –

[如何在React.js页面刷新后维护状态？]（http://*.com/questions/28314368/how-to-maintain-state-after-a-page-refresh-in- react-js） – Waiski

答

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

感谢您的答案。但是有任何其他方式来维护本地存储和会话存储以外的状态 –

我们可以保持状态在磁通模式现象 –

对不起但我没有得到你..你在谈论存储或通量？ –

答

为此使用localStorage。

在动作处理函数中执行：

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

然后在您的componentDidMount做：

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

如果应用程序是通用的并使用服务器端呈现，localStorage是否合适？ – ktaras

不，但我不认为在这种情况下。 –

我有点新的反应...可以帮助保持状态 –