旺仔小糖

react cookie 设置 2 years ago

react
1101个字符
共有293人围观

可选方案

可行性分析

  • 原生js: 既然都用react了,自然要摒弃这些原生的东西,去选择github封装好的开源优质库
  • react-cookie: 这个库很火,每周都有几十万的下载量。我测试了下,很好用,但是它与hook挂钩,这就注定它只能运行于组件之下,这就意味着如果在axios intercepter下,它就GG了
  • js-cookie, 目前21.5K start,这个库比较通用,没有那么多约束条件, 推荐使用这个😄

js-cookie有如下优势:

get started

下面介绍在react中的使用方法:

#install
npm i js-cookie -S
import Cookies from 'js-cookie'

使用:

1, 创建cookie

#basic
Cookies.set('name', 'value')

# with expires
Cookies.set('name', 'value', { expires: 7 })

# with expires & path
Cookies.set('name', 'value', { expires: 7, path: '' })

2, 获取cookie

Cookies.get('name') // => 'value'
Cookies.get('nothing') // => undefined

3, 获取所有cookie

Cookies.get() // => { name: 'value' }

4, 删掉cookie

Cookies.remove('name')
# 为了安全起见,删除cookie时,可以指定下面的一些属性
Cookies.remove('name', { path: '', domain: '.yourdomain.com', secure: true })