在 eslintrc.json 中关闭 eslint 规则

Question

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

{
    "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 了解更多信息。

在 eslintrc.json 中关闭 eslint 规则

Turning eslint rule off in eslintrc.json

reactjs

eslint

eslintrc