HTML zu JSX Konverter
Was ist HTML-zu-JSX-Konvertierung?
JSX ist die HTML-ähnliche Syntax, die in React-Komponenten verwendet wird. Obwohl es wie HTML aussieht, gibt es wesentliche Unterschiede: class wird zu className, for wird zu htmlFor, Inline-Stile verwenden JavaScript-Objekte statt Strings, alle Tags müssen selbstschließend sein, und Event-Handler verwenden camelCase. Dieses Tool verarbeitet alle diese Transformationen automatisch, sodass Sie HTML direkt einfügen und gültiges JSX erhalten können, das in Ihren React-Komponenten verwendet werden kann.
So verwenden Sie den HTML-zu-JSX-Konverter
-
Fügen Sie HTML-Markup in das linke Panel ein (oder klicken Sie auf 'Beispiel', um eine Vorlage zu laden).
-
Die JSX-Ausgabe erscheint sofort auf der rechten Seite.
-
Optional können Sie 'In Komponente einbetten' aktivieren, um eine vollständige funktionale Komponente zum Einfügen zu erhalten.
-
Kopieren Sie das JSX mit der Schaltfläche 'JSX kopieren'.
Keywords: HTML zu JSX, HTML zu JSX Konverter, HTML in React umwandeln, className Konverter, JSX online, React JSX Konverter, HTML JSX Transformation