ReactでLinkコンポーネントを使用するときにjsx-a11y / anchor-is-validを修正するにはどうすればよいですか？

Question

Reactアプリ内

<Link to={`/person/${person.id}`}>Person Link</Link>

次のeslintエラーが発生します

The href attribute is required on an anchor. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid

Linkコンポーネントは、有効なhref属性になります。

<a href="#/person/2">Person Link</a>

このエラーのポイントは何ですか？どうすれば修正できますか？

どんな助けも大歓迎です！

Answer 1

Linkコンポーネントはhref属性を生成するため、エンドアンカータグではアクセシビリティの観点から有効です。 .eslintrcに 例外 を追加します。

{
  "rules": {
    "jsx-a11y/anchor-is-valid": [ "error", {
      "components": [ "Link" ],
      "specialLink": [ "to" ]
    }]
  }
}

さらに、 GitHub の答えには同じ問題があります。