[解決済み] 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プロップスが抜けているからだと思います(よく分かりませんが)
関連
-
[解決済み】コンポーネントの定義に表示名がない react/display-name
-
[解決済み】Warning.Itが表示されるのはなぜですか?Functions are not valid as a React child?
-
[解決済み】プリセットファイルはオブジェクトのエクスポートができない
-
[解決済み】React this.setStateは関数ではありません。
-
[解決済み] React テキストを挟んだ横長の仕切りを作る
-
[解決済み] react - createMuiThemeとcreateThemeの違い。
-
[解決済み] Webpack のコンパイルに失敗した
-
[解決済み] プロップ `history` は `Router` で必須とマークされているが、その値は `undefined` である。
-
[解決済み] componentDidUpdate'メソッドはいつ使用するのですか?
-
[解決済み] React jsのonClickはメソッドに値を渡すことができない
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Reactコンポーネント内でswitchステートメントを使用するには?
-
[解決済み】コンポーネントの定義に表示名がない react/display-name
-
[解決済み】Reactでclsxを使用する方法
-
[解決済み] reactでonloadを使うには?
-
[解決済み] configuration.module に未知のプロパティ 'loaders' があります。
-
[解決済み] formcontrollabel - material-ui | Reactのデフォルトのtypography classを変更するには?
-
[解決済み] 'Proptypes'が定義されていない
-
[解決済み] ReactJS - SCRIPT1010: 期待される識別子 - IE11 で本番ビルドが実行されない
-
[解決済み] ReactJS で inst.render が関数でないエラーが発生する
-
[解決済み] は、gatsby-imageで動作する良いreactのカルーセルコンポーネントはありますか?[って聞かれます。]