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

投稿者: | 2018年6月18日

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です。

参考サイト

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください