1. ホーム
  2. reactjs

[解決済み】Reactがlabel要素の'for'属性を無視する件

2022-04-15 02:57:03

質問

React (Facebook のフレームワーク) で、テキスト入力にバインドされたラベル要素を、標準の for 属性を持つ。

例)以下のようなJSXが使用されています。

<label for="test">Test</label>
<input type="text" id="test" />

しかし、これでは、必要な(そして標準的な)HTMLが欠落してしまいます。 for 属性を持つ。

<label>Test</label>
<input type="text" id="test">

私は何を間違えているのだろう?

どのように解決するのですか?

があります。 for という属性があります。 htmlFor React の開発ビルドを使用している場合、この件に関する警告がコンソールに表示されるはずです。