使用onclick在反应组件上设置href的内容

Question

我有一个像这样的锚元素;

<a href="#" onClick={this.handleNewFormToggle}>
  <i className="ml-20 glyphicon glyphicon-plus"/>
</a>

但这与jsx-ally/href-no-hash

的失败有关。

javascript:void()出于xss原因而没有href失败：

jsx-ally/no-static-element-interactions

那我应该把它设置为什么？

Answer 1

如果您的linting投诉，您可以将href="#"留在a标记中。然后在handleNewFormToggle中，您可以阻止点击事件的默认操作：

handeNewFormToggle(event) {
   event.preventDefault();
}

或者，更改您的linting规则以允许您删除href标记：）