[解決済み] ラベルのEsLintルール

質問

問題があります

私のesLintのルールです。

"jsx-a11y/label-has-for": [ 2, {
      "components": [],
      "required": {
        "every": [ "nesting", "id" ]
      },
      "allowChildren": true
    }],

私はこのエラー、または修正、私を助けてくださいをオフにするためだけにしてください。

Error msg: フォームラベルはコントロールと関連付けられていなければなりません。(jsx-a11y/label-has-associated-control)

JSXのコードです。

          <input
                type="checkbox"
                id="checkbox-2"
                className="checkbox__input"
            />
            <label
                htmlFor="checkbox-2"
                className="checkbox__label"
            />

解決方法は？

まず、このルールを解除するために、次のような記述が必要でした。 "jsx-a11y/label-has-associated-control": "off",

それから、これをオフにする必要があります。 "jsx-a11y/label-has-for":"off",

そして、結局のところ、私はそれをファイルの先頭に移動させる必要がありました。