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

小编典典

reactjs

在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

链接组件会产生有效的href属性。

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

该错误的意义何在？我该如何解决？

任何帮助将不胜感激！

阅读 1076

2020-07-22

共1个答案

小编典典

该Link组件生成href所以在端锚标签是从视点可访问有效属性。将例外添加到.eslintrc：

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

另外，在GitHub上也有同样的问题和答案。

2020-07-22