在React中使用Link组件时,如何修复jsx-a11y/anchor-is-valid？

Question

在React应用程序中

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

导致以下夹板错误

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上的答案也存在同样的问题.