Ich habe derzeit zwei Dateien, eine app.js und eine index.html . Wenn ich versuche, ein Formular mit einigen CSS-Klassen zu rendern, werden die HTML-Elemente angezeigt, aber die Klassen fehlen.
Das ist mein app.js :
Dies ist mein HTML-Textkörper:
%Vor% Da class einen Konflikt mit ECMAScript verursachen kann (es ist ein reserviertes Schlüsselwort), haben sich die Entwickler von React entschieden, className als Attribut für HTML-Elemente für Klassen anstelle von class zu verwenden. Nach der React-Dokumentation:
Hinweis : Da JSX JavaScript ist, werden Bezeichner wie class und for als XML-Attributnamen entmutigt. Stattdessen erwarten React DOM-Komponenten DOM-Eigenschaftsnamen wie className und htmlFor. Quelle
Da for und class reservierte Schlüsselwörter von ECMAScript sind (von denen JavaScript eine Implementierung ist), können sie nicht als XML-Attributnamen verwendet werden. Das sind Attribute von Tags wie div oder input . Verwenden Sie daher className , um die Klasse eines HTML-Elements zu bezeichnen. Hier ist ein anwendbares Beispiel:
Beachten Sie, dass className anstelle von class verwendet wird.
Tags und Links javascript reactjs