Javascript 如何在react js中使用锚定标记进行注销

Javascript 如何在react js中使用锚定标记进行注销,javascript,reactjs,redux,react-redux,react-router,Javascript,Reactjs,Redux,React Redux,React Router,我不熟悉react redux,这里有一个注销功能 那么,这里 <div className="logout"> <a href="#" onClick={this.logout()}>Logout</a> </div> 那么,在这里,有谁能建议我使用锚定的方法。//删除括号,否则每次渲染时都会调用该方法 <div className="logout"> <a href="#" onClick={this.log

我不熟悉react redux,这里有一个注销功能

那么,这里

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

那么,在这里,有谁能建议我使用锚定的方法。

//删除括号,否则每次渲染时都会调用该方法

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

//删除括号,否则每次渲染时都会调用该方法

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

你在使用react路由器吗?是的,我从造型角度使用react路由器,我认为建议的方法是使用
而不是锚定,然后将按钮样式设置为链接,这样您就不需要添加href,然后阻止默认的单击操作。您是否使用react router?是的,我从样式角度使用react router,我认为建议的方法是使用
而不是锚定,然后将按钮样式设置为链接,这样您就不需要添加href,然后阻止默认的单击操作。对于大多数linters,href=”“#怎么办?href必须存在。e、 preventDefault()将阻止将#添加到URL中href=“”#对于大多数过梁,href必须存在。e、 preventDefault()将阻止将#添加到url
logout = (e) => {
    e.stopPropagation();
    e.nativeEvent.stopImmediatePropagation();
    e.preventDefault();
    this.props.logout()
}