如何创建一个链接阵营与成分的onClick处理程序？

Question

什么是正确的/标准的方式如何不URL创建的onClick回调函数的链接？

<a href="#" onClick={this.handleClick}>click me!</a>

或者没有href，但随后的链接是不是在视觉上可点击：

<a onClick={this.handleClick}>click me!</a>

所有教程，我看过，与其他元件的工作比qazxsw POI - 点击qazxsw POI，qazxsw POI等，但我想用<a>。

Answer 1

你可以设置<div>的链接，实现真正的URL链接的行为:)

<a>

Answer 2

click me!比cursor: pointer;更好。

<a onClick={this.handleClick} style={{cursor: 'pointer'}}>click me!</a> 会让网址改变。

Answer 3

Eslint说，使用一个按钮：

[eslint]锚用作按钮。锚主要预期进行导航。使用按钮元素来代替。 [错误]

href="javascript:void(0)"