Javascript 检查cookie是否过期,并在中过期后触发操作

Javascript 检查cookie是否过期,并在中过期后触发操作,javascript,cookies,reactjs,Javascript,Cookies,Reactjs,我正在使用react cookienpm包处理react中的cookie。我想做的是检查cookie是否存在,如果不存在,则将用户重定向到登录页面。但是,cookie的有效期为30分钟,我想检查cookie的有效期,并再次将用户重定向到登录页面 目前,我正在react的组件willmount生命周期中执行此操作,但if仅在我刷新页面时检查条件。我知道我应该使用组件willupdate生命周期的react并检查状态,但我不知道怎么做 这是我的密码 componentWillMount() {

我正在使用
react cookie
npm包处理react中的cookie。我想做的是检查cookie是否存在,如果不存在,则将用户重定向到登录页面。但是,cookie的有效期为30分钟,我想检查cookie的有效期,并再次将用户重定向到登录页面

目前,我正在react的
组件willmount
生命周期中执行此操作,但if仅在我刷新页面时检查条件。我知道我应该使用组件willupdate生命周期的react并检查状态,但我不知道怎么做

这是我的密码

componentWillMount() {

        let  getCookie = cookie.load('token');
        let exp = cookie.load('exp');
        console.log(getCookie);
        if(getCookie === undefined || ((exp - new Date().getTime()) < 0)) {
            let url = 'http://localhost:8080/login.html'
            window.location.href =  url
            console.log(url)
        } 

    }
componentWillMount(){
让getCookie=cookie.load('token');
让exp=cookie.load('exp');
console.log(getCookie);
if(getCookie==未定义的| |((exp-new Date().getTime())<0)){
让url为空http://localhost:8080/login.html'
window.location.href=url
console.log(url)
} 
}
提前谢谢你的帮助


就像在JavaScript document.cookie中一样。cookie在设定的过期时间后自动过期。类似地,
react cookie
中也有
opt expires
。有没有一种方法可以用它来实现我想要的。

如果你用它来创建一个计时器呢? 差不多

setTimeout(函数(){
//再次检查过期和重定向
},cookie.load('exp')-new Date().getTime())

的willMount
didMount
生命周期内

如果您使用? 差不多

setTimeout(函数(){
//再次检查过期和重定向
},cookie.load('exp')-new Date().getTime())

willMount
didMount
生命周期内,它是否正常工作,因为new Date().getTime()每毫秒更改一次。您可以将当前日期时间分配给变量,该变量捕获正在/确实装载组件时的当前时间。组件挂载只发生一次,因此日期不会更改它是否正常工作,因为new date().getTime()每毫秒更改一次。您可以将当前日期时间分配给一个变量,该变量捕获组件挂载时的当前时间。组件安装仅发生一次,因此日期不会更改