成功登录后立即注销

Question

我已经使用reactjs和rest服务开发了一个应用程序。现在，我想为用户添加一个登录和注销选项。我已经创建成功创建了登录页面，当我单击登录按钮时，它会重定向到主页并立即注销。

我也清除了本地存储。

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

我能知道哪里出了问题吗？

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

Answer 1

之所以会这样，是因为您使用了函数调用，而不是传递函数引用。

将处理程序传递给子组件时，您必须传递引用而不是函数调用

更改

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

收件人

<Button href="#" onClick={this.logout}>LOGOUT</Button>