禁用 eslint 警告答案

【问题标题】：Disable eslint warning禁用 eslint 警告
【发布时间】：2018-10-06 18:25:23
【问题描述】：

锚点用作按钮。锚主要用于导航。请改用按钮元素。 (jsx-a11y/anchor-is-valid)

我想禁用上述警告。

所以我写

<div data-g-id={this.props.g.id}>
  (// eslint-disable-next-line anchor-is-valid)
  <a
    className='classname'
    href="#"
    data-point="TL"
    onClick={this.callFunction}
   >
</div>

但是上面那个不行。

【问题讨论】：

你能再添加至少一行吗？
@16kb 更新问题
你知道 eslint 是在 jsx 文件上运行还是在输出 js 文件上运行？因为 cmets 可能无法到达 js 的？
使用{} 而不是()
@HoriaComan 我没有明白你的意思。请详细说明。谢谢。

标签： reactjs eslint eslint-config-airbnb

【解决方案1】：

使用

{
  // eslint-disable-next-line anchor-is-valid
}
<a
...

而不是()

【讨论】：

【解决方案2】：

您也可以在.eslintrc 文件中全局执行：

{
  "rules": {
    "jsx-a11y/anchor-is-valid": 0
  }
}

【讨论】：