简介
在前端应用中，cookie 是一个常见的功能，它可以存储和读取用户的数据和信息，用于实现用户登录、记住密码等功能。而 @shopify/react-cookie 是一个 npm 包，提供了对 cookie 的一系列操作方法，方便我们在 React 应用中使用。
安装
使用 @shopify/react-cookie 包前，需要先将其安装到项目依赖中，可以通过 npm 或 yarn 进行安装：
npm install @shopify/react-cookie --save
yarn add @shopify/react-cookie
使用
安装后引入
安装成功后，需要将 @shopify/react-cookie 引入到需要使用的组件中：
import { useCookie } from '@shopify/react-cookie';设置 cookie
设置 cookie 可以使用 useCookie 方法中的第三个参数，如下所示：
const [value, setCookie, removeCookie] = useCookie('my-cookie');
setCookie('cookie-value', { maxAge: 60 * 60 * 24 });其中，第一个参数为 cookie 的名称，第二个参数为 cookie 的值。第三个参数可以设置 cookie 的参数，如 maxAge 表示 cookie 的生命期（秒数）。
读取 cookie
读取 cookie 也可以使用 useCookie 方法，如下所示：
const [value, setCookie, removeCookie] = useCookie('my-cookie');
console.log(value);其中，value 即为 cookie 的值。
删除 cookie
删除 cookie 可以使用 useCookie 方法中的第三个参数 removeCookie，如下所示：
const [value, setCookie, removeCookie] = useCookie('my-cookie');
removeCookie();总结
@shopify/react-cookie 包提供了一种方便的方式来处理 cookie，这对于前端开发来说是非常有用的。在实际使用中，我们需要根据需求来进行设置、读取、删除 cookie，以达到目标效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f3cefeedbf7be33b25670db