Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用onclick在react组件上设置href的内容_Javascript_Reactjs_Eslint - Fatal编程技术网

Javascript 使用onclick在react组件上设置href的内容

Javascript 使用onclick在react组件上设置href的内容,javascript,reactjs,eslint,Javascript,Reactjs,Eslint,我有一个锚元素设置如下 <a href="#" onClick={this.handleNewFormToggle}> <i className="ml-20 glyphicon glyphicon-plus"/> </a> 但是这会失败,因为jsx ally/href没有散列 javascript:void()由于xss原因而退出,并且没有任何href失败: jsx联盟/无静态元素交互 那么我应该将其设置为什么呢?如果您的线头出现问题,您可以将hr

我有一个锚元素设置如下

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

但是这会失败,因为
jsx ally/href没有散列

javascript:void()
由于xss原因而退出,并且没有任何href失败:

jsx联盟/无静态元素交互


那么我应该将其设置为什么呢?

如果您的线头出现问题,您可以将
href=“#”
留在
标记中。然后在
handlenewformtogle
中,可以防止单击事件的默认操作:

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

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

尝试在不存在的div上设置href?如果您不使用该属性,您不删除什么
href
属性?我已经尝试过,并在帖子中提到过为什么不将其作为一个按钮?