вышел сразу после успешного входа

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>