Express.js / React.js页面刷新状态的持久性

Question

我目前正在将Express.js与React.js结合使用，并且我在考虑如何在刷新页面时使某个属性持久化。

目前，我的设置是这样的：

• 我为React组件的复选框（true）设置了默认值。 用户可以单击复选框以将值设为true / false。
• 我有一个计时器，该计时器会在一段时间后自动注销用户并破坏会话（此计时器会在用户互动时自动刷新-基本上基于空闲时间）

有没有一种方法可以将复选框的当前值绑定到会话以便（假设会话仍然有效）
1）存储复选框的值
2）重新加载页面时加载复选框的当前值（刷新后并使用默认值进行初始加载）

Answer 1

将其保存在本地存储中，并设置使数据过期的时间。 例如：

var timeNow = new Date();
var expires = new Date() //set the expiration date

checkboxGetter(){
if (timeNow<=expires){
var checkboxGetter = JSON.parse(sessionStorage.getItem('checkbox'));
}
else{
 sessionStorage.removeItem("checkbox");
console.log("expired")
}
}

checkboxSetter(checkbox){
sessionStrage.setItem('checkbox',JSON.stringify(checkbox));
}

请注意，如果您想在关闭浏览器或其他好处时将数据保留在浏览器中，则可以通过localStorage更改sessionStorage。