如何在反应中注销答案

【问题标题】：How to logout in react如何在反应中注销
【发布时间】：2017-08-07 17:26:48
【问题描述】：

我正在尝试使用此方法注销：在渲染中，我有一个这样的 div：

<div>
   <a href="#" onClick={this.logout()}>LOGOUT</a>
</div>

和注销功能：

logout() {
    // localStorage.clear();
    location.href = 'localhost:3000';
}

在 localhost:3000 我有登录页面。

当我按下注销时，什么都没有发生。我能做些什么？谢谢

【问题讨论】：

注销函数在哪里调用？
我没有看到要按下的按钮？
这个问题没有任何意义。你想“注销”什么？
如果您只是想导航，请确保将 http:// 添加到 localhost:3000
对不起，我的错！我复制了错误的代码！现在你可以看到我在哪里调用注销功能。我已经更改了 url，通过添加 http:// 但仍然无法正常工作，当我第一次按下按钮时，我在控制台中看到了注销功能中控制台日志中写入的消息。第二次，当我按下按钮时，它只会清除控制台日志中的内容。

【解决方案1】：

这解决了我的问题

 logout() {
        localStorage.clear();
        window.location.href = '/';
    }

【讨论】：

【解决方案2】：

给我们一个要测试的最小例子。

您已经检查过您的函数是否被调用？尝试在logout() 中添加一些console.log，它闻起来有Binding to methods of React class 问题。

尝试在 location.href 中插入 http://，如下所示：location.href = 'http://localhost:3000';

【讨论】：

对不起，我的错！我复制了错误的代码！现在你可以看到我在哪里调用注销功能。我已经更改了 url，通过添加 http:// 但仍然无法正常工作，当我第一次按下按钮时，我在控制台中看到了注销功能中控制台日志中写入的消息。第二次，当我按下按钮时，它只会清除控制台日志中的内容。
它似乎在不按注销的情况下呈现它。因为当我尝试登录时，它会将我重定向到登录页面。