Как я могу использовать тег привязки для выхода в реагировать JS

Question

Я новичок в 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');

    }

Итак, кто-нибудь может мне предложить способ работы с якорями.

Answer 1

// Удалить скобки, иначе метод будет вызываться при каждом рендере

<div className="logout">
  <a href="#" onClick={this.logout}>Logout</a>
</div>

Остановить распространение и поведение привязки по умолчанию:

logout = (e) => {
    e.stopPropagation();
    e.nativeEvent.stopImmediatePropagation();
    e.preventDefault();
    this.props.logout()
}