gpt4 book ai didi

javascript - react : Delete cookie when user closes the browser

转载 作者:行者123 更新时间:2023-11-28 10:39:59 26 4
gpt4 key购买 nike

我正在使用库react-cookie ( https://www.npmjs.com/package/react-cookie ),并且我想在浏览器或选项卡关闭时删除用户cookie。我在 Approuter 中使用了 ComponentWillUnmount,但是当浏览器关闭时它不起作用。有人知道如何实现这一目标吗?

import React from 'react';
import {Router, Route, Switch} from 'react-router-dom';
import history from '../data/history';
import { withCookies, Cookies } from 'react-cookie';
import { instanceOf } from 'prop-types';


class AppRouter extends React.Component{

static propTypes = {
cookies: instanceOf(Cookies).isRequired
};


constructor(props){
super(props)
}

componentWillMount(){
const {cookies} = this.props;
cookies.remove('userInfo');
}

render(){
return(
<Router history={history}>
<div>
<Header/>
<div className="main-container">
<Switch>
//routes
</Switch>
<Footer/>
</div>
</div>
</Router>
);
}
}

export default withCookies(AppRouter);

路由器确实收到了 cookie,那么为什么我不能使用 componentWillUnmount 删除它?我该如何删除它们?

最佳答案

当您创建 cookie 时。请将过期时间设置为0。例如

cookies.set('userInfo', name, { expires: 0 });

那么当浏览器关闭时,这个cookie就会过期。

关于javascript - react : Delete cookie when user closes the browser,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53480549/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com