react 添加、删除 cookie

简介: react 添加、删除 cookie

亲测,工具类

cookie.ts

// 设置 cookie
function setCookie(name: string, value: string, days: number) {
  const expires = new Date();
  expires.setTime(expires.getTime() + days * 24 * 60 * 60 * 1000);
  document.cookie = `${name}=${value};expires=${expires.toUTCString()};path=/`;
}

// 获取 cookie
function getCookie(name: string) {
  const matches = document.cookie.match(
    new RegExp(
      `(?:^|; )${name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, "\\$1")}=([^;]*)`
    )
  );
  return matches ? decodeURIComponent(matches[1]) : undefined;
}

// 删除 cookie
function deleteCookie(name: string) {
  setCookie(name, "", -1);
}
export {setCookie,getCookie,deleteCookie}


目录
相关文章
VUE3(十五)关于cookie使用的几个函数
下边是我简单封装的几个cookie方法:Utils.ts 、调用。
511 0
VUE3(十五)关于cookie使用的几个函数
|
3月前
|
前端开发 JavaScript API
如何在React中删除组件
【8月更文挑战第17天】如何在React中删除组件
64 1
|
前端开发
React返回上个页面
React返回上个页面
129 0
|
前端开发 JavaScript
React如何实现状态自动保存(vue中的keep-alive)
React如何实现状态自动保存(vue中的keep-alive)
|
6月前
|
移动开发 JavaScript 前端开发
vue/react项目刷新页面出现404的原因以及解决办法
vue/react项目刷新页面出现404的原因以及解决办法
680 0
|
JSON 前端开发 JavaScript
在 React 中获取数据的6种方法
在 React 中获取数据的6种方法
319 0
|
JavaScript 前端开发 应用服务中间件
vue或react上传服务器跳转刷新404
vue或react上传服务器跳转刷新404
101 0
|
存储 JSON 自然语言处理
Vue Cookie的使用
Vue Cookie的使用
Vue Cookie的使用
|
JSON 前端开发 数据处理
#yyds干货盘点 【React工作记录四】React中如何跳转页面传参localStorage和sessionStorage(参数较长)
#yyds干货盘点 【React工作记录四】React中如何跳转页面传参localStorage和sessionStorage(参数较长)
78 0
|
存储 缓存 JavaScript
react如何在刷新页面时,Redux里面的值丢失问题
react如何在刷新页面时,Redux里面的值丢失问题