ESLintでreact-routerのLinkを使用している行が「The href attribute is required on an anchor. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid」というエラーになりました。
これは、他ページへのリンクを示すanchorにはhrefという属性が必要だという意味ですが、Linkの場合、toがその役割を果たすため、hrefという属性は必要ありません。
そこで、.eslintrcに次の１行をrulesの子要素として追加することで、Linkというコンポーネントにはtoという特別なhrefと同じ意味を表す属性があるということをeslintに認識させます。
"rules": {
"jsx-a11y/anchor-is-valid": ["error", {"components": [ "Link" ], "specialLink": [ "to" ]}],
},
ちなみに、eslintのバージョンは4.19.1、eslint-plugin-jsx-a11yのバージョンは6.0.3です。
参考サイト
