[解決済み] Warning: Unknown DOM property class. classNameのことでしょうか?
2022-05-11 12:30:20
質問
簡単なレンダリング機能を持つコンポーネントを追加して、Reactの探索を始めたところです。
render() {
return <div class="myApp"></div>
}
アプリを実行すると、以下のエラーが表示されます。
Warning: Unknown DOM property class. Did you mean className?
を変更することで解決できますね。
class
まで
className
.
問題は、Reactがこの規約を強制しているかどうかです。 また、なぜ私が
className
の代わりに、従来の
class
? もしこれが制限だとしたら、JSXの構文によるものなのか、それとも別の場所によるものなのでしょうか?
どのように解決するのですか?
はい、これはReactの規約です。
JSXはJavaScriptなので、以下のような識別子があります。
class
とfor
アール XMLの属性名としては推奨されません。その代わり、React DOM コンポーネント のような DOM プロパティ名を期待します。className
とhtmlFor
それぞれ
JSXの深層 .
関連
-
Vue Element-uiは、アイコンを追加するためのツリーコントロールノードを詳細に実装しています。
-
JavaScriptにおけるマクロタスクとミクロタスクの詳細
-
元のイベントが実行されなかった後に要素を追加するためのjQueryソリューション
-
vueが定義するプライベートフィルタと基本的な使い方
-
[解決済み】gulp anythingを実行するたびに、アサーションエラーが発生します。- タスク関数を指定する必要があります
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
[解決済み】 `string.split is not a function` というエラーの原因は何ですか?
-
[解決済み】React-Redux: アクションはプレーンオブジェクトでなければならない。非同期アクションにはカスタムミドルウェアを使用する
-
nullのプロパティinnerHTMLを読み取れません エラーメッセージ
-
[解決済み】React / JSXの動的なコンポーネントの名前
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
fetch ネットワークリクエストラッパーの説明例
-
vue for 登録ページ効果 vue for sms 認証コードログイン
-
Vueのフィルタの説明
-
[解決済み】Node Version Manager のインストール - nvm コマンドが見つかりません。
-
[解決済み】JavaScriptの配列でforEachが関数でない不具合
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
[解決済み】React Uncaught Error: 対象コンテナが DOM 要素でない [重複]。
-
nodejs unhandledPromiseRejectionWarning メッセージ
-
フロントエンド null のプロパティ 'disabled' を読み取れない 問題が解決された
-
jq は html ページとデータを動的に分割する。