react 如何操作cookie
操作 Cookie 的方法
在 React 中操作 Cookie 可以通过原生 JavaScript 的 document.cookie API 或第三方库（如 js-cookie）实现。以下是具体方法：
使用原生 JavaScript
设置 Cookie
document.cookie = "key=value; expires=expiration_date; path=/";key=value: Cookie 的键值对。expires: 可选，设置过期时间（UTC 格式）。path: 可选，指定 Cookie 的有效路径。
读取 Cookie
const cookies = document.cookie.split(';').reduce((acc, cookie) => {
const [key, value] = cookie.trim().split('=');
acc[key] = value;
return acc;
}, {});- 通过
split和reduce解析document.cookie字符串为对象。
删除 Cookie
document.cookie = "key=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";- 将过期时间设为过去的时间点。
使用 js-cookie 库
安装库：
npm install js-cookie设置 Cookie
import Cookies from 'js-cookie';
Cookies.set('key', 'value', { expires: 7, path: '/' });expires: 支持天数（如7）或Date对象。path: 默认为当前路径。
读取 Cookie
const value = Cookies.get('key');删除 Cookie
Cookies.remove('key', { path: '/' });注意事项
- 安全性: 避免存储敏感信息，考虑使用
HttpOnly和Secure标志。 - 同源策略: Cookie 受同源策略限制。
- SSR 兼容: 在服务端渲染（如 Next.js）中，需检查
document对象是否存在。
通过以上方法，可以灵活地在 React 中管理 Cookie。
