警告: 不明な DOM プロパティ クラスです。className を意味していますか? 質問する

警告: 不明な DOM プロパティ クラスです。className を意味していますか? 質問する

シンプルなレンダリング関数を持つコンポーネントを追加して、React の調査を始めました。

render() {
  return <div class="myApp"></div>
}

アプリを実行すると、次のエラーが発生します。

Warning: Unknown DOM property class. Did you mean className?

classに変更することでこの問題を解決できますclassName

問題は、React がこの規則を強制するかどうかです。また、なぜclassName従来の ではなくを使用する必要があるのでしょうclassか。これが制限である場合、それは JSX 構文によるものでしょうか、それとも他のどこかによるものでしょうか。

ベストアンサー1

はい、これは React コンベンションです。

JSX は JavaScript であるため、classやなどの識別子はforXML 属性名としては推奨されません。代わりに、React DOM コンポーネントでは、それぞれclassNameやなどの DOM プロパティ名が想定されますhtmlFor

JSX の詳細

おすすめ記事