web-dev-qa-db-ja.com

eslintrc.jsonでeslintルールをオフにする

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にアップグレードする前は機能していました。バージョン2.0では、エスリントルールは単に"jsx-a11y/anchor-is-valid": 0でした。

eslint docs を読みましたが、これはerrorをoffに変更するだけでよいと言っていますが、役に立たないように試みました。

ルールを無効にする正しい方法は何ですか？また、参照する必要のあるドキュメントは何ですか？

reactjseslinteslintrc
6
Poh Zi How

これはreactアプリを作成するための新しい追加のようです。重要なのは、可能であればhrefをbuttonに変換することです。

"jsx-a11y/anchor-is-valid": 0を.eslintrc.jsonに追加するのは正しいです。これにより、eslintの実行時にエラーが表示されるのを防ぎますが、CRAコンソールにエラーが表示されるのを防ぐことはできません。

// eslint-disable-next-lineやhref="#/"などの代替手段を使用できますが、おそらく推奨されません。詳細については、ディスカッションを確認してください ここ 。

0
Poh Zi How