reactjs - 在 eslintrc.json 中关闭 eslint 规则

Question

我正在尝试禁用 eslintrc.json 中的 jsx-a11y/anchor-is-valid。根据docs ，相关规则 block 如下所示:

{
    "rules": {
        "jsx-a11y/anchor-is-valid": [ "error", {
            "components": [ "Link" ],
            "specialLink": [ "hrefLeft", "hrefRight" ],
            "aspects": [ "noHref", "invalidHref", "preferButton" ]
          }]
    }
}

在我将 create-react-app 升级到版本 2.0 之前，这曾经有效，其中我的 eslint 规则很简单 "jsx-a11y/anchor-is-valid": 0.

我已阅读 eslint docs这表明我们可以简单地将 error 更改为 off，尽管我已经尝试过但没有效果。

禁用该规则的正确方法是什么？我应该引用哪些文档？

Answer 1

似乎这是创建 React 应用程序的新功能。重点是如果可能的话，将 href 转换为 button。

将 "jsx-a11y/anchor-is-valid": 0 添加到 .eslintrc.json 是正确的。这可以防止运行 eslint 时出现错误，但不能防止 CRA 控制台中出现错误。

可以使用 //eslint-disable-next-line 或 href="#/" 等替代方案，尽管可能不推荐。查看讨论here了解更多信息。