26일차 (react-Cookie)

react-Cookie를 사용하기 위한 Router.js 파일

// 최상단을 CookiesProvider로 감싸주면 됨

import React from "react";
import { BrowserRouter, Route, Routes } from "react-router-dom";
import { CookiesProvider } from "react-cookie";

function Router() {
  return (
    <CookiesProvider>
      <BrowserRouter>
        <Routes>
  
        </Routes>
      </BrowserRouter>
    </CookiesProvider>
  );
}

export default Router;

 

Cookie를 관리할 수 있는 새로운 js 파일 생성 후, 쿠키 관리

import { Cookies } from "react-cookie";

const cookies = new Cookies();

// 쿠키 저장
export const setCookie = (name, value, options) => {
  return cookies.set(name, value, { ...options });
};

// 쿠키 불러오기
export const getCookie = (name) => {
  return cookies.get(name);
};


// 쿠키 삭제
export const removeCookie = (name) => {
  return cookies.remove(name);
};