eslintでreact-routerのLinkがエラーになる時の対処法

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に次の1行をrulesの子要素として追加することで、Linkというコンポーネントにはtoという特別なhrefと同じ意味を表す属性があるということをeslintに認識させます。

ちなみに、eslintのバージョンは4.19.1、eslint-plugin-jsx-a11yのバージョンは6.0.3です。

参考サイト

スポンサーリンク
スポンサーサイト
スポンサーサイト

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
スポンサーサイト