react如何获取cookie

获取 Cookie 的方法

在 React 中获取 Cookie 可以通过以下几种方式实现：

使用原生 JavaScript 获取 Cookie

通过 document.cookie 可以获取当前页面的 Cookie 字符串。例如：

const cookies = document.cookie;
console.log(cookies); // 输出所有 Cookie

解析 Cookie 字符串

如果需要获取特定 Cookie 的值，可以解析 document.cookie 字符串：

function getCookie(name) {
  const value = `; ${document.cookie}`;
  const parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}

const myCookie = getCookie('cookieName');
console.log(myCookie);

使用第三方库

常用的库如 js-cookie 可以简化 Cookie 操作：

import Cookies from 'js-cookie';

// 获取 Cookie
const myCookie = Cookies.get('cookieName');
console.log(myCookie);

注意事项

• 确保 Cookie 已正确设置且未过期。
• 在组件生命周期中（如 useEffect）调用 Cookie 获取逻辑，避免服务端渲染（SSR）环境下的报错。