Reactとreact-cookieでWebアプリのログアウト機能を作っています。
import React, { Component } from 'react';
import { withCookies, Cookies } from 'react-cookie';
import { instanceOf } from 'prop-types';
class Logout extends Component {
static propTypes = {
cookies: instanceOf(Cookies).isRequired
};
logoutUser = (e) => {
const { cookies } = this.props;
cookies.remove('user-token');
window.location.href = '/';
// return false;
}
render () {
return (
<div className={classes.logout}>
<button className={classes.logout} onClick={this.logoutUser}>Logout</button>
</div>
);
}
}
という風にしており、
cookies.remove('user-token');
でuser-tokenを消してログアウトさせています。
問題は、コレだとLogoutボタンを2回押さないとログアウトできない点です。1回目はページがrefreshされるだけです。
Inspect機能のApplicationを見ると最初のログアウトでは'user-token'が消えず2回目ではなぜか消えています。
どなたか原因と解決策をご存知ないですか?