1. ホーム
  2. reactjs

[解決済み] Static HTML elements with event handlers require a role." を修正するにはどうすればよいですか?

2022-02-24 20:07:16

質問

私のreactjs styledcomponentは、このコードを含んでいます。

<a styling="link" onClick={() => this.gotoLink()}>
  <SomeComponent /> 
</a>

これは問題なく動作しますが、eslintが文句を言っています。

Static HTML elements with event handlers require a role.

このエラーはどうすれば直りますか?

解決方法は?

この警告を回避するには、aタグにロールプロップスを追加する必要があります。

<a role = "button" styling="link" onClick={() => this.gotoLink()}>
  <SomeComponent /> 
</a>

アンカータグのHREFプロップスが抜けているからだと思います(よく分かりませんが)