ReactにおけるhtmlFor

間違い例

Reactでlabelタグにforを設定するとエラーが表示されます。

App.tsx

      <label for="name">Name</label>
      <input id="name" type="text" />

原因

Javascriptの予約語のforと混同されるため

対応

下記の通りhtmlForに変更します。

App.tsx

      <label htmlFor="name">Name</label>
      <input id="name" type="text" />

classがclassNameとなるのと同様です。