react-cookie 라이브러리

설치

npm i react-cookie

component 세팅

import { CookiesProvider } from 'react-cookie';
import Root from './Root';
ReactDOM.render(
  <CookiesProvider>
     <Root />      
  </CookiesProvider>,
  document.getElementById('root')
);

사용

const [cookies, setCookie, removeCookie] = useCookies(['cookie-name']);

'cookie-name'이 쿠키의 key가 된다.

cookies : 쿠키(name : value)들을 모아놓은 javascript object

setCookie(name, value, [obtions])

• 쿠키 세팅
• name(string): cookie name
• value(string|object): name에 해당하는 cookie의 값을 저장(object 가능)
• options(object) : RFC 6265의 모든 쿠키 옵션을 지원
  • path, expire, maxAge, domain, secure, httpOnly, sameSite

removeCookie(name, [options])

• 쿠키 삭제
• options(object) : setCookie와 동일

withCookies(Component)

어디서든 당신의 쿠키에 대한 접근권한을 줌

... 이하 생략 자세한 내용은 공식문서 참고

참고 문헌

• react-cookie 공식문서