react 如何 引入cookie
时间: 2023-09-10 15:05:38 浏览: 59
要在 React 中使用 Cookie,可以使用第三方库 `react-cookie`。你可以通过以下步骤来使用它:
1. 安装react-cookie库:`npm install react-cookie`
2. 在你的组件中引入cookie:
```javascript
import { useCookies } from 'react-cookie';
```
3. 在组件中使用cookie:
```javascript
function MyComponent() {
const [cookies, setCookie] = useCookies(['name']);
function handleSetCookie() {
setCookie('name', 'value', { path: '/' }); // 设置cookie
}
function handleRemoveCookie() {
removeCookie('name', { path: '/' }); // 删除cookie
}
return (
<div>
<p>Cookie value: {cookies.name}</p>
<button onClick={handleSetCookie}>Set Cookie</button>
<button onClick={handleRemoveCookie}>Remove Cookie</button>
</div>
);
}
```
以上代码中的 `useCookies` hook 用于获取和设置Cookie,`setCookie`用于设置Cookie,`removeCookie`用于删除Cookie。在 `setCookie`中,第一个参数是cookie的名称,第二个参数是cookie的值,第三个参数是cookie的选项,例如在设置cookie时指定cookie的路径。
希望这可以帮助你!