javascript - 在带有 onclick 的 React 组件上将 href 设置为什么

Question

我有一个这样的 anchor 元素集；

<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中可以阻止点击事件的默认 Action :

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

或者，更改您的 linting 规则以允许您删除 href 标签:)