如何使用ahooks库封装cookie、localStorage和sessionStorage操作方法？

本文共计1490个文字，预计阅读时间需要6分钟。

目录 + 引用 + Cookie + localStorage/sessionStorage + 总结与归纳 + 引用 + 文本是深入浅出的 + ahooks + 源码系列文章的第九篇，本系列的目标主要包括以下几点：- 深入理解 React hooks- 学习如何抽象自定义 hooks

目录

• 引言
• cookie
• localStorage/sessionStorage
• 总结与归纳

引言

本文是深入浅出 ahooks 源码系列文章的第九篇，这个系列的目标主要有以下几点：

• 加深对 React hooks 的理解。
• 学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。
• 培养阅读学习源码的习惯，工具库是一个对源码阅读不错的选择。

今天来看看 ahooks 是怎么封装 cookie/localStorage/sessionStorage 的。

cookie

ahooks 封装了 useCookieState，一个可以将状态存储在 Cookie 中的 Hook 。

该 hook 使用了 js-cookie 这个 npm 库。我认为选择它的理由有以下：

• 包体积小。压缩后小于 800 字节。自身是没有其它依赖的。这对于原本就是一个工具库的 ahooks 来讲是很重要的。
• 更好的兼容性。支持所有的浏览器。并支持任意的字符。