Comment puis-je réparer jsx-a11y / anchor-is-valid lors de l'utilisation du composant Link dans React?
Dans un React app
<Link to={`/person/${person.id}`}>Person Link</Link>
entraîne l'erreur eslint suivante
The href attribute is required on an anchor. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Le composant Link génère un attribut href valide.
<a href="#/person/2">Person Link</a>
Quel est le point de cette erreur? Comment puis-je réparer ça?
Toute aide serait grandement appréciée!
Le composant Link génère l'attribut href de sorte que la balise d'ancrage finale est valide du point de vue de l'accessibilité. Ajouter ne exception à .eslintrc:
{
"rules": {
"jsx-a11y/anchor-is-valid": [ "error", {
"components": [ "Link" ],
"specialLink": [ "to" ]
}]
}
}
En outre, il existe le même problème avec une réponse sur GitHub .