react清除cookie

在react中，可以利用React-cookie依赖来操作cookie。

1、下载依赖

cnpm install  react-cookies --save-dev

2、引入

import cookie from 'react-cookies'

3、存

cookie.save('userId', "123")；

4、取

cookie.load('userId')

5、删

cookie.remove('userId')

6、设置失效

let inFifteenMinutes = new Date(new Date().getTime() + 24 * 3600 * 1000);//一天
cookie.save('userId', "123",{ expires: inFifteenMinutes })；

react 中cookie的使用

import React, { Component } from 'react';
import { Button } from 'antd';
import cookie from 'react-cookies'
class Cookie extends Component {
    constructor(props){
       super(props);
       this.state = {value: 'boonook'};
    }
    submit = (e,data)=>{
        cookie.save('userId', this.state.value)；
　　　　///删除cookie
　　　　///cookie.remove('userId');
    };
    render() {
        return(
            <div>
               <p><input value={this.state.value} type="text"/></p>
              <Button type="primary" onClick={this.submit.bind(this)}>Primary</Button>
            </div>
        )
    }
}
export default Cookie;