clear token cookie using react js after logout

Question

i am using react cookie for storing the tokens in the cokies..can any one tell me..how to clear cookies when used logout..

import React, { Component } from 'react';
import { withCookies } from 'react-cookie';


class Dashboard extends Component {
    constructor(props) {
        super(props);
        this.state = {
        }
        this.logout = this.logout.bind(this)
    }
    logout = (e) => {

        cookies.remove('Token');
        window.location.href = '/';
    }

    render() {
        return (
            <div className="Dashboard">
                <div>Dashboard</div>
                <button onClick={this.logout}>Logout</button>
            </div>
        );
    }
}
export default withCookies(Dashboard);

how r u routing? are you using react-router?

James
– James

2020-05-04 03:11:16 +00:00
Commented May 4, 2020 at 3:11 — James
– James, Commented May 4, 2020 at 3:11
window.location.href = '/'; i am using this

Manu Panduu
– Manu Panduu

2020-05-04 03:12:23 +00:00
Commented May 4, 2020 at 3:12 — Manu Panduu
– Manu Panduu, Commented May 4, 2020 at 3:12

James · Accepted Answer · 2020-05-04 03:17:51Z

1

You need to return false:

logout = (e) => {

     cookies.remove('Token');
     window.location.href = '/';
     return false;
}

answered May 4, 2020 at 3:17

James

3513 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Manu Panduu Over a year ago

('cookies' is not defined ) response is like this

James Over a year ago

You need to import import { withCookies, Cookies } from 'react-cookie'; Also, most people use universial cookies or js-cookie since its simpler to use.

Manu Panduu Over a year ago

thanks very much james for the help....i got the solution for that thing...in another way....ill post the anwser now

Manu Panduu · Accepted Answer · 2020-05-04 03:37:10Z

I got the solution for these thing... i have imported instanceOf from the prop-type... and changing the name of the Cookies to cookies...its clearing cookies after using logout

import React, { Component } from 'react';
import { withCookies, Cookies } from 'react-cookie';
import { instanceOf } from 'prop-types';


class Dashboard extends Component {
    static propTypes = {
        cookies: instanceOf(Cookies).isRequired
    };

    logout = (e) => {
        const { cookies } = this.props;
        cookies.remove('Token');
        window.location.href = '/';
        // return false;
    }

    render() {
        return (
            <div className="Dashboard" token={this.state.token} >
                <div>Dashboard</div>
                <button onClick={this.logout}>Logout</button>
            </div>
        );
    }
}
export default withCookies(Dashboard);

Collectives™ on Stack Overflow

clear token cookie using react js after logout

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related