چطوری می‌تونم یه کوکی توی React تنظیم کنم؟

import Cookies from 'js-cookie';
Cookies.set('cookieName', 'cookieValue', { expires: 7 }); // Set a cookie
const cookieValue = Cookies.get('cookieName'); // return a cookie
Cookies.remove('cookieName'); // Remove a cookie

استفاده از جاوااسکریپت خالص:

اگه نخوای از js-cookie استفاده کنی، می‌تونی به این شکل کوکی تنظیم کنی:

// Set cookie
document.cookie = "cookieName=cookieValue; expires=Fri, 31 Dec 2024 12:00:00 UTC; path=/";
// Read Cookie
const getCookie = (name) => {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift();
};
// Remove a cookie
document.cookie = "cookieName=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

توضیحات اضافه:

توی کد بالا، Cookies.set کوکی رو تنظیم می‌کنه و با استفاده از گزینه expires می‌تونی مدت زمان اعتبار کوکی رو تعیین کنی. با Cookies.get می‌تونی به کوکی دسترسی پیدا کنی و با Cookies.remove اون رو پاک کنی.

اگه بخوای از جاوااسکریپت خالص استفاده کنی، باید زمان انقضای کوکی رو خودت به صورت دستی تنظیم کنی که همون‌طور که می‌بینی کمی پیچیده‌تره.

در کل، پیشنهاد می‌کنم برای راحتی و اطمینان بیشتر، از کتابخونه js-cookie استفاده کنی