在 eslintrc.json 中关闭 eslint 规则

Question

我试图禁止jsx-a11y/anchor-is-valid在eslintrc.json。根据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 文档，其中说我们可以简单地更改error为off，尽管我尝试过无济于事。

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

Answer 1

似乎这是创建反应应用程序的新增功能。关键是如果可能href的button话，将 the 转换为 a 。

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

尽管可能不推荐，但可以使用诸如// eslint-disable-next-line或 之类的替代方案href="#/"。查看此处的讨论以获取更多信息。