Как использовать тег привязки для выхода в React js
Я новичок в react-redux, здесь у меня есть функция выхода.
так вот
<div className = "logout">
<a href = "#" onClick = {this.logout()}>Logout</a>
</div>
Теперь в этом я также хочу очистить состояние редуктора. и хотите перенаправить пользователя на страницу входа.
В настоящее время,
то, что я сделал, было
logout = () => {
this.props.logout()
}
export default logout = () => {
localstorage.clear();
history.push('/login');
}
Итак, вот, может ли кто-нибудь подсказать мне способ работы с якорами.
да, я использую реагирующий маршрутизатор
С точки зрения стиля, я думаю, что предлагаемый способ - использовать <button> вместо привязки, а затем стилизовать кнопку как ссылку, чтобы вам не нужно было добавлять href, а затем предотвращать действие щелчка по умолчанию.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
// Убираем круглые скобки, иначе метод будет вызываться при каждом рендеринге
<div className = "logout">
<a href = "#" onClick = {this.logout}>Logout</a>
</div>
Остановите распространение и поведение привязки по умолчанию:
logout = (e) => {
e.stopPropagation();
e.nativeEvent.stopImmediatePropagation();
e.preventDefault();
this.props.logout()
}
как насчет href = "" #
Для большинства линтеров должен присутствовать href. e.preventDefault () предотвратит добавление # к URL-адресу
Вы используете реактивный маршрутизатор?