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）环境下的报错。
