react cookie 设置 2 years ago
可选方案
- 原生js
- react-cookie
- js-cookie
可行性分析
- 原生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 })